Website Accessibility Standards for QSCCB website
QSCCB website is developed based on standards and guidelines set by World Wide Web Consortium’s (W3C) Web Accessibility Initiative (WIA), and as per Qatar Website Accessibility/ Usability Best Practices Checklist: v1.3, set by Mada, Qatar Assistive Technology Center.
Standard & Consistent Layout
People who are using screen reading software to access QSCCB website shall read the content of a page and locate navigations and website content more efficiently.
Direct Links to the Content in the Page
Every time a page loads, the screen reading software starts reading from the top of the page to the bottom, which means that it will read the page navigation each time the page loads or reloads. A skip-to-content link at the beginning of the website pages is provided so users may choose to bypass the navigation and jump straight to the content.
Scalable Text Size
Users may choose to resize the text with the built in browser functions. Graphical text has been avoided where possible as it cannot be enlarged by the user.
Text Equivalents for all Media Files
Text equivalents were included for all image, audio, and visual files.
Appropriate Structural Mark-up
Heading tags have been developed in a consistent and logical way. Users of screen reading software shall be able to navigate around QSCCB website since heading tags are appropriately used.
Tables Purposes
Tables have been used when needed to display tabular data; however, tables were marked up appropriately so they can be read properly by screen reading software.
Colors Distinguishing
A person who suffers from color blindness may not be able to distinguish between colors that are similar in value but different in hue and may not be able to tell them apart. Proofing the work in grayscale is a quick way to tell if there’s enough contrast between the most important information in the design.
Two Fonts for the Whole Website
A maximum of two fonts were used in QSCCB website in order not to confuse visitors with low vision or those who don’t have perfect eyesight. The fonts chosen were only used to emphasize a specific item, and also to deviate from the default a bit.
Proper Pages Naming
The page titles were optimized to allow the visitors to read on the title what the content is really all about.