ISO INTERNATIONAL STANDARD 9241-161 First edition 2016-02-15 Ergonomics of human-system interaction - Part 161: Guidance on visual user-interface elements Ergonomie de I'interaction homme-systeme - Partie 161:Eléments deI'interface utilisateur Reference number IS0 9241-161:2016(E) ISO International Organization for Standardization @ IS0 2016 ZHEJIANG INST OF STANDARDIZATION C15956617 vided by IHS under I Not for Resale, 2016/4/26 02:22:25 ted without license from IHS IS0 9241-161:2016(E) COPYRIGHTPROTECTEDDOCUMENT IS02016,PublishedinSwitzerland All rights reserved. Unless otherwise specified, no part of this publication may be reproduced or utilized otherwise in any form or by any means, electronic or mechanical, including photocopying, or posting on the internet or an intranet, without prior written permission. Permission can be requested from either ISO at the address below or ISO's member body in the country of the requester. ISO copyright office Ch. de Blandonnet 8 . CP 401 CH-1214 Vernier, Geneva, Switzerland Tel. +41 22 749 01 11 Fax +4122 749 09 47 copyright@iso.org www.iso.org Intenationai br PrganizationforStandardization icensee-ZHEJIANG INST OF STANDARDIZoISQ s.6 - All rights reserved I by IHS unde Not for Resale, 2016/4/26 02:22:25 etworking permitted without license from IHS IS0 9241-161:2016(E) Contents Page Foreword ..ix Introduction. ...xi 1 Scope. 2 Normative references 3 Terms and definitions 4 Accessibility ..4 5 Relationship of input methods and visual user-interface elements ..4 6 States ofvisual user-interface elements. ..5 7 Describingvisualuser-interfaceelements ..5 8 Visual user-interface elements ..6 8.1 Accordion. 8.1.1 Description. .6 8.1.2 Components .6 8.1.3 .7 States. 8.1.4 When to use an accordion .7 8.1.5 How to use an accordion .8 8.2 Analogue form element/slider. .8 8.2.1 Description. 8.2.2 Components .8 8.2.3 States 8.2.4 When to use an analogue form element .8 8.2.5 How to use an analogue form element. .9 8.3 Carousel/Carrousel. .9 8.3.1 Description. .9 8.3.2 Components .9 8.3.3 States. .10 8.3.4 When to use a carousel. .10 8.3.5 How to use a carousel. ..10 8.4 Check box/check button. .10 8.4.1 Description ..10 8.4.2 Components. .10 8.4.3 States .11 8.4.4 When to use a check box .11 8.4.5 How to use a check box .11 8.5 Collapsible container. .12 8.5.1 Description.. .12 8.5.2 Components. .12 8.5.3 States... .13 8.5.4 When to use a collapsible container .13 8.5.5 How to use a collapsible container .13 8.6 Colour picker .13 8.6.1 Description. ..13 8.6.2 Components. .13 8.6.3 States. .13 8.6.4 When to use a colour picker .13 8.6.5 How to use a colour picker. .13 8.7 Combination box/combo box.. ..14 8.7.1 Description. .14 8.7.2 Components ..14 8.7.3 States .15 8.7.4 When to use a combination box. .15 iii Censee=ZHEJIANG INST OF STANDARDIZATION C1 5956617 ed without license from IHS Not for Resale, 2016/4/26 02:22:25