Website Standards & Guidelines Version 2.0 Website standards Version 2.0 Page | 1 Contents 1.1 Introduction ...................................................................................................................................... 6 1.2 Scope................................................................................................................................................. 6 1.3 Objective ........................................................................................................................................... 6 1.4 Intended Audience ............................................................................................................................ 7 1.5 Release Summary .............................................................................................................................. 7 1.6 Implementation and Compliance Requirements ................................................................................ 7 1.7 Guidelines Review ............................................................................................................................. 7 1.8 Feedback and Suggestions ................................................................................................................. 8 1.9 Website Governance Structure .......................................................................................................... 8 1.11 Priorities .......................................................................................................................................... 9 1.12 Exemptions .................................................................................................................................... 10 2.0 Website Management and Development Process ............................................................................ 12 2.0 Website Development Process ........................................................................................................ 14 2.1 Techniques .................................................................................................................................. 15 2.1.1 Interviews ............................................................................................................................. 15 2.1.2 Brainstorming ....................................................................................................................... 16 2.1.3 Card Sorting .......................................................................................................................... 17 2.1.4 Personas ............................................................................................................................... 19 2.1.5 Site Maps .............................................................................................................................. 21 2.1.6 Wireframes ........................................................................................................................... 22 2.1.7 Prototypes/Screen Designs ................................................................................................... 22 2.2 Writing content ........................................................................................................................... 24 2.3 Website Domain naming standards .............................................................................................. 26 3.0 Navigation Elements and Branding Requirements ............................................................................ 30 3.1 Global Header Navigation Elements ............................................................................................. 32 3.1.1 Link to Bahrain National eGovernment portal ....................................................................... 32 3.1.2 Site Map................................................................................................................................ 33 3.1.3 Feedback............................................................................................................................... 34 3.1.4 Frequently Asked Question (FAQ).......................................................................................... 35 3.1.5 Contact Us............................................................................................................................ 36 Website standards Version 2.0 Page | 2 3.1.6 Search Function .................................................................................................................... 37 3.1.7 Language Selection ............................................................................................................... 38 3.1.8 Skip Navigation Link .............................................................................................................. 39 3.2 Brand identity elements ............................................................................................................... 40 3.2.1 Entity Logo ............................................................................................................................ 40 3.2.2 Entity Name and Banner space .............................................................................................. 41 3.3 Top Navigation Elements ............................................................................................................. 42 3.3.1 Home .................................................................................................................................... 43 3.3.2 About Us ............................................................................................................................... 44 3.3.3 News and Press Releases ....................................................................................................... 45 3.4 Body Elements ............................................................................................................................. 46 3.4.1 About Content Area .............................................................................................................. 47 3.4.2 BreadCrumbs ........................................................................................................................ 48 3.4.3 Share/Bookmark/Email/Print buttons ................................................................................... 49 3.4.4 Resize font ............................................................................................................................ 50 3.5 Secondary or Left Navigation ....................................................................................................... 51 3.6-Footer Navigation Elements ......................................................................................................... 52 3.6.1 Accessibility statement.......................................................................................................... 53 3.6.2 Privacy Policy Statement ....................................................................................................... 54 3.6.3 Terms and Conditions ........................................................................................................... 55 3.6.4 Disclaimer ............................................................................................................................. 56 3.6.5 Copyright .............................................................................................................................. 57 3.6.6 Using chatbots and webchat tools ......................................................................................... 58 3.7 eParticipation .............................................................................................................................. 59 3.8 Other Menu elements .................................................................................................................. 60 4.0 Design Guidelines ............................................................................................................................ 65 4.1 Alternative text ........................................................................................................................ 66 4.2 Use valid, standard web programming code ............................................................................. 68 4.3 Specify the Language of a document ........................................................................................ 69 4.4 Use W3C HTML and CSS Validation Service.............................................................................. 70 4.5 Use style sheets to control layout and presentation ................................................................. 71 4.6 Avoid deprecated features of W3C Technologies ..................................................................... 72 4.7 Distinguish links and non-linked text ........................................................................................ 73 4.8 Use different colors for visited and unvisited links .................................................................... 74 4.9 Enlarge clickable areas ............................................................................................................. 75 Website standards Version 2.0 Page | 3 4.10 Write clear descriptive text for links ....................................................................................... 76 4.11 Evaluate the links to external sites ......................................................................................... 77 4.12