{"id":7001,"date":"2026-08-24T18:26:49","date_gmt":"2026-08-24T08:26:49","guid":{"rendered":"https:\/\/mediaplusdigital.co\/au\/?p=7001"},"modified":"2026-08-24T18:26:49","modified_gmt":"2026-08-24T08:26:49","slug":"web-accessibility-guidelines","status":"publish","type":"post","link":"https:\/\/mediaplusdigital.co\/au\/web-accessibility-guidelines\/","title":{"rendered":"Web Accessibility Guidelines: WCAG Explained for Australian Businesses"},"content":{"rendered":"<blockquote>\n<p class=\"p1\"><b>Quick answer:<\/b> Web accessibility guidelines are set out in WCAG, the Web Content Accessibility Guidelines, published by the W3C. Level AA of WCAG 2.1 is the practical standard for Australian businesses and the level required for Australian Government websites. Accessibility is also relevant under the Disability Discrimination Act 1992, which has been applied to websites.<\/p>\n<\/blockquote>\n<p class=\"p1\">Roughly one in five Australians lives with disability. If your website cannot be used with a screen reader, a keyboard, or at 200% text size, that is a meaningful share of your market that cannot buy from you.<\/p>\n<p class=\"p1\">There is also a legal dimension, and it is older than most people assume.<\/p>\n<p class=\"p1\">This guide covers what the guidelines actually require, which failures matter most, and how to check your own site without specialist tools.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_86 counter-hierarchy ez-toc-counter ez-toc-light-blue ez-toc-container-direction\">\n<div class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/div>\n<label for=\"ez-toc-cssicon-toggle-item-6ac08c7553c29\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"ez-toc-cssicon\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-6ac08c7553c29\" checked aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/mediaplusdigital.co\/au\/web-accessibility-guidelines\/#Where_Australian_law_sits\" >Where Australian law sits<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/mediaplusdigital.co\/au\/web-accessibility-guidelines\/#What_WCAG_actually_is\" >What WCAG actually is<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/mediaplusdigital.co\/au\/web-accessibility-guidelines\/#The_failures_that_actually_matter\" >The failures that actually matter<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/mediaplusdigital.co\/au\/web-accessibility-guidelines\/#1_Insufficient_colour_contrast\" >1. Insufficient colour contrast<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/mediaplusdigital.co\/au\/web-accessibility-guidelines\/#2_Missing_or_useless_alt_text\" >2. Missing or useless alt text<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/mediaplusdigital.co\/au\/web-accessibility-guidelines\/#3_Keyboard_traps_and_invisible_focus\" >3. Keyboard traps and invisible focus<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/mediaplusdigital.co\/au\/web-accessibility-guidelines\/#4_Form_fields_without_real_labels\" >4. Form fields without real labels<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/mediaplusdigital.co\/au\/web-accessibility-guidelines\/#5_Broken_heading_structure\" >5. Broken heading structure<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/mediaplusdigital.co\/au\/web-accessibility-guidelines\/#6_Video_without_captions\" >6. Video without captions<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/mediaplusdigital.co\/au\/web-accessibility-guidelines\/#7_Content_that_only_works_one_way\" >7. Content that only works one way<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/mediaplusdigital.co\/au\/web-accessibility-guidelines\/#8_Text_that_will_not_resize\" >8. Text that will not resize<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/mediaplusdigital.co\/au\/web-accessibility-guidelines\/#A_practical_checklist\" >A practical checklist<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/mediaplusdigital.co\/au\/web-accessibility-guidelines\/#Tools_worth_using\" >Tools worth using<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/mediaplusdigital.co\/au\/web-accessibility-guidelines\/#The_commercial_case\" >The commercial case<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/mediaplusdigital.co\/au\/web-accessibility-guidelines\/#Frequently_asked_questions\" >Frequently asked questions<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/mediaplusdigital.co\/au\/web-accessibility-guidelines\/#Is_web_accessibility_a_legal_requirement_in_Australia\" >Is web accessibility a legal requirement in Australia?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/mediaplusdigital.co\/au\/web-accessibility-guidelines\/#What_level_of_WCAG_should_I_aim_for\" >What level of WCAG should I aim for?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-18\" href=\"https:\/\/mediaplusdigital.co\/au\/web-accessibility-guidelines\/#What_are_the_four_principles_of_WCAG\" >What are the four principles of WCAG?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-19\" href=\"https:\/\/mediaplusdigital.co\/au\/web-accessibility-guidelines\/#Do_accessibility_overlay_widgets_make_my_site_compliant\" >Do accessibility overlay widgets make my site compliant?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-20\" href=\"https:\/\/mediaplusdigital.co\/au\/web-accessibility-guidelines\/#How_much_does_accessibility_remediation_cost\" >How much does accessibility remediation cost?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-21\" href=\"https:\/\/mediaplusdigital.co\/au\/web-accessibility-guidelines\/#Does_accessibility_help_SEO\" >Does accessibility help SEO?<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-22\" href=\"https:\/\/mediaplusdigital.co\/au\/web-accessibility-guidelines\/#Where_to_start\" >Where to start<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"p3\"><span class=\"ez-toc-section\" id=\"Where_Australian_law_sits\"><\/span>Where Australian law sits<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p class=\"p1\"><b>The Disability Discrimination Act 1992<\/b> makes it unlawful to discriminate on the basis of disability in the provision of goods, services and facilities. It does not mention websites explicitly, because it predates the modern web, but it has been applied to them.<\/p>\n<p class=\"p1\">The landmark Australian case is <i>Maguire v Sydney Organising Committee for the Olympic Games<\/i> in 2000, where the Human Rights and Equal Opportunity Commission found that an inaccessible website amounted to unlawful discrimination. It remains the reference point for Australian web accessibility obligations.<\/p>\n<p class=\"p1\"><b>Australian Government websites<\/b> are held to WCAG 2.1 Level AA under the Digital Service Standard. Government procurement also references AS EN 301 549, the Australian adoption of the European accessibility standard for ICT.<\/p>\n<p class=\"p1\"><b>Private businesses<\/b> have no separate statutory web standard, which leads some to assume there is no obligation. The DDA still applies to the services you provide, and complaints can be made to the Australian Human Rights Commission. WCAG 2.1 AA is the accepted benchmark for demonstrating you have taken reasonable steps.<\/p>\n<p class=\"p1\">This is general information rather than legal advice. If you are in a regulated sector or bidding for government work, get advice on your specific obligations.<\/p>\n<h2 class=\"p3\"><span class=\"ez-toc-section\" id=\"What_WCAG_actually_is\"><\/span>What WCAG actually is<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p class=\"p1\">WCAG is published by the World Wide Web Consortium. The current versions in common use are 2.1 and 2.2, with 2.2 adding a small number of additional criteria.<\/p>\n<p class=\"p1\">It is organised around four principles, often shortened to POUR:<\/p>\n<table class=\"t1\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td class=\"td1\" valign=\"top\">\n<p class=\"p4\">Principle<\/p>\n<\/td>\n<td class=\"td1\" valign=\"top\">\n<p class=\"p4\">Means<\/p>\n<\/td>\n<td class=\"td1\" valign=\"top\">\n<p class=\"p4\">Example failure<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p4\"><b>Perceivable<\/b><b><\/b><\/p>\n<\/td>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p4\">Users can perceive the content<\/p>\n<\/td>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p4\">An image with no alt text<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p4\"><b>Operable<\/b><b><\/b><\/p>\n<\/td>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p4\">Users can operate the interface<\/p>\n<\/td>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p4\">A menu that only works with a mouse<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p4\"><b>Understandable<\/b><b><\/b><\/p>\n<\/td>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p4\">Content and operation make sense<\/p>\n<\/td>\n<td class=\"td2\" valign=\"top\">\n<p class=\"p4\">A form error that says &#8220;invalid input&#8221;<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"td3\" valign=\"top\">\n<p class=\"p4\"><b>Robust<\/b><b><\/b><\/p>\n<\/td>\n<td class=\"td3\" valign=\"top\">\n<p class=\"p4\">Works with assistive technologies<\/p>\n<\/td>\n<td class=\"td3\" valign=\"top\">\n<p class=\"p4\">A custom dropdown a screen reader cannot read<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p class=\"p1\">Each principle contains success criteria at three levels:<\/p>\n<ul class=\"ul1\">\n<li class=\"li4\"><b>Level A.<\/b> Minimum. Failing these makes content unusable for some people<\/li>\n<li class=\"li4\"><b>Level AA.<\/b> The practical standard, and what almost everyone means by &#8220;accessible&#8221;<\/li>\n<li class=\"li1\"><b>Level AAA.<\/b> Enhanced. Not expected across an entire site<\/li>\n<\/ul>\n<p class=\"p1\"><b>Target Level AA.<\/b> Level A is not enough to claim accessibility, and AAA is not realistic as a blanket goal.<\/p>\n<h2 class=\"p3\"><span class=\"ez-toc-section\" id=\"The_failures_that_actually_matter\"><\/span>The failures that actually matter<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p class=\"p1\">In practice, a small set of issues accounts for most accessibility problems on Australian business websites.<\/p>\n<h3 class=\"p5\"><span class=\"ez-toc-section\" id=\"1_Insufficient_colour_contrast\"><\/span>1. Insufficient colour contrast<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p class=\"p1\">The most common failure by a wide margin, and almost always a deliberate design choice. Light grey body text on a white background looks refined and is unreadable for many people.<\/p>\n<p class=\"p1\"><b>The requirement:<\/b> 4.5:1 for normal text, 3:1 for large text (roughly 18pt, or 14pt bold) and for user interface components.<\/p>\n<p class=\"p1\"><b>How to check:<\/b> WebAIM Contrast Checker, or the contrast tool built into browser developer tools.<\/p>\n<h3 class=\"p5\"><span class=\"ez-toc-section\" id=\"2_Missing_or_useless_alt_text\"><\/span>2. Missing or useless alt text<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p class=\"p1\">Every image that conveys meaning needs a text alternative. Decorative images should have empty alt attributes so screen readers skip them.<\/p>\n<p class=\"p1\"><b>Good alt text<\/b> describes the content and function. &#8220;Technician replacing a switchboard in a Melbourne home&#8221; rather than &#8220;image1.jpg&#8221; or &#8220;photo&#8221;.<\/p>\n<p class=\"p1\"><b>Do not<\/b> start with &#8220;image of&#8221;, since the screen reader already announces that.<\/p>\n<h3 class=\"p5\"><span class=\"ez-toc-section\" id=\"3_Keyboard_traps_and_invisible_focus\"><\/span>3. Keyboard traps and invisible focus<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p class=\"p1\">Some people navigate entirely by keyboard. Two things break this:<\/p>\n<ul class=\"ul1\">\n<li class=\"li4\">Elements that cannot be reached or operated with Tab and Enter<\/li>\n<li class=\"li1\">A focus indicator that has been removed for aesthetic reasons, leaving the user with no idea where they are<\/li>\n<\/ul>\n<p class=\"p1\"><b>How to check:<\/b> put your mouse aside and Tab through your own homepage. If you cannot reach the menu, complete the form, or see where focus is, you have a problem.<\/p>\n<p class=\"p1\">Custom built menus, sliders and modals are the usual offenders, which is one argument for standard components. Our guide to <a href=\"https:\/\/mediaplusdigital.co\/au\/essential-web-design-principles\/\"><span class=\"s1\">essential web design principles<\/span><\/a> covers where custom interface work tends to create problems.<\/p>\n<h3 class=\"p5\"><span class=\"ez-toc-section\" id=\"4_Form_fields_without_real_labels\"><\/span>4. Form fields without real labels<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p class=\"p1\">Placeholder text is not a label. It disappears when typing starts, and screen readers handle it inconsistently.<\/p>\n<p class=\"p1\">Every input needs a properly associated <span class=\"s2\">&lt;label&gt;<\/span>. Error messages need to say what is wrong and how to fix it, not just that something failed.<\/p>\n<p class=\"p1\">Form problems cost you conversions as well as compliance, which our <a href=\"https:\/\/mediaplusdigital.co\/au\/cro-checklist\/\"><span class=\"s1\">conversion rate optimisation checklist<\/span><\/a> and guide to <a href=\"https:\/\/mediaplusdigital.co\/au\/what-is-a-cta\/\"><span class=\"s1\">calls to action<\/span><\/a> both cover.<\/p>\n<h3 class=\"p5\"><span class=\"ez-toc-section\" id=\"5_Broken_heading_structure\"><\/span>5. Broken heading structure<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p class=\"p1\">Screen reader users navigate by headings the way sighted users skim. That only works if the structure is logical: one H1, then H2s, with H3s nested underneath.<\/p>\n<p class=\"p1\">Using a heading tag because it looks the right size is a common cause of broken structure. Style with CSS instead.<\/p>\n<h3 class=\"p5\"><span class=\"ez-toc-section\" id=\"6_Video_without_captions\"><\/span>6. Video without captions<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p class=\"p1\">Pre recorded video needs captions. Auto generated captions are a starting point but need correcting, particularly for Australian accents, product names and technical terms.<\/p>\n<h3 class=\"p5\"><span class=\"ez-toc-section\" id=\"7_Content_that_only_works_one_way\"><\/span>7. Content that only works one way<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p class=\"p1\">Information conveyed by colour alone (&#8220;fields marked in red are required&#8221;) fails for people who cannot distinguish those colours. Pair colour with text or an icon.<\/p>\n<h3 class=\"p5\"><span class=\"ez-toc-section\" id=\"8_Text_that_will_not_resize\"><\/span>8. Text that will not resize<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p class=\"p1\">Users must be able to zoom to 200% without content breaking or being cut off. Fixed pixel heights on containers are the usual cause, and sites built <a href=\"https:\/\/mediaplusdigital.co\/au\/what-is-mobile-first\/\"><span class=\"s1\">mobile first<\/span><\/a> tend to handle it better because the layout is already designed to reflow.<\/p>\n<h2 class=\"p3\"><span class=\"ez-toc-section\" id=\"A_practical_checklist\"><\/span>A practical checklist<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p class=\"p1\">Work through this on your own site. It covers the majority of real world issues.<\/p>\n<table class=\"t1\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td class=\"td4\" valign=\"top\">\n<p class=\"p4\">Check<\/p>\n<\/td>\n<td class=\"td4\" valign=\"top\">\n<p class=\"p4\">Pass condition<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"td5\" valign=\"top\">\n<p class=\"p4\">Colour contrast<\/p>\n<\/td>\n<td class=\"td5\" valign=\"top\">\n<p class=\"p4\">4.5:1 body text, 3:1 large text and UI components<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"td5\" valign=\"top\">\n<p class=\"p4\">Alt text<\/p>\n<\/td>\n<td class=\"td5\" valign=\"top\">\n<p class=\"p4\">Present on meaningful images, empty on decorative ones<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"td5\" valign=\"top\">\n<p class=\"p4\">Keyboard navigation<\/p>\n<\/td>\n<td class=\"td5\" valign=\"top\">\n<p class=\"p4\">Every function reachable and operable by keyboard<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"td5\" valign=\"top\">\n<p class=\"p4\">Focus indicator<\/p>\n<\/td>\n<td class=\"td5\" valign=\"top\">\n<p class=\"p4\">Clearly visible on every focusable element<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"td5\" valign=\"top\">\n<p class=\"p4\">Headings<\/p>\n<\/td>\n<td class=\"td5\" valign=\"top\">\n<p class=\"p4\">One H1, logical nesting, no skipped levels<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"td4\" valign=\"top\">\n<p class=\"p4\">Form labels<\/p>\n<\/td>\n<td class=\"td4\" valign=\"top\">\n<p class=\"p4\">Real labels, not placeholders<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"td4\" valign=\"top\">\n<p class=\"p4\">Error messages<\/p>\n<\/td>\n<td class=\"td4\" valign=\"top\">\n<p class=\"p4\">Say what is wrong and how to fix it<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"td5\" valign=\"top\">\n<p class=\"p4\">Link text<\/p>\n<\/td>\n<td class=\"td5\" valign=\"top\">\n<p class=\"p4\">Descriptive, not &#8220;click here&#8221; or &#8220;read more&#8221;<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"td4\" valign=\"top\">\n<p class=\"p4\">Page titles<\/p>\n<\/td>\n<td class=\"td4\" valign=\"top\">\n<p class=\"p4\">Unique and descriptive per page<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"td4\" valign=\"top\">\n<p class=\"p4\">Language attribute<\/p>\n<\/td>\n<td class=\"td4\" valign=\"top\">\n<p class=\"p4\">Set on the html element<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"td4\" valign=\"top\">\n<p class=\"p4\">Video<\/p>\n<\/td>\n<td class=\"td4\" valign=\"top\">\n<p class=\"p4\">Captions on pre recorded content<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"td4\" valign=\"top\">\n<p class=\"p4\">Zoom<\/p>\n<\/td>\n<td class=\"td4\" valign=\"top\">\n<p class=\"p4\">Usable at 200%<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"td5\" valign=\"top\">\n<p class=\"p4\">Colour independence<\/p>\n<\/td>\n<td class=\"td5\" valign=\"top\">\n<p class=\"p4\">No information conveyed by colour alone<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"td5\" valign=\"top\">\n<p class=\"p4\">Skip link<\/p>\n<\/td>\n<td class=\"td5\" valign=\"top\">\n<p class=\"p4\">Present, to bypass repeated navigation<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td class=\"td5\" valign=\"top\">\n<p class=\"p4\">Motion<\/p>\n<\/td>\n<td class=\"td5\" valign=\"top\">\n<p class=\"p4\">Respects reduced motion preferences<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2 class=\"p3\"><span class=\"ez-toc-section\" id=\"Tools_worth_using\"><\/span>Tools worth using<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p class=\"p1\"><b>Automated testing<\/b> catches roughly a third of issues. It is a starting point, not a certificate.<\/p>\n<ul class=\"ul1\">\n<li class=\"li4\"><b>WAVE<\/b> browser extension, good for a quick visual audit<\/li>\n<li class=\"li4\"><b>axe DevTools<\/b>, more thorough, integrates into developer workflow<\/li>\n<li class=\"li4\"><b>Lighthouse<\/b> in Chrome, includes an accessibility score<\/li>\n<li class=\"li1\"><b>WebAIM Contrast Checker<\/b> for individual colour pairs<\/li>\n<\/ul>\n<p class=\"p1\"><b>Manual testing<\/b> finds the rest:<\/p>\n<ul class=\"ul1\">\n<li class=\"li4\">Tab through the site with no mouse<\/li>\n<li class=\"li4\">Try a screen reader. VoiceOver is built into macOS and iOS, NVDA is free on Windows<\/li>\n<li class=\"li4\">Zoom to 200%<\/li>\n<li class=\"li1\">Turn off images and see whether the page still makes sense<\/li>\n<\/ul>\n<p class=\"p1\"><b>A note on accessibility overlay widgets.<\/b> These are the plugins offering a floating accessibility button that claims to fix your site automatically. They are widely criticised by disability advocates and accessibility professionals, they do not fix underlying code problems, and they can interfere with the assistive technology someone is already using. Fix the site instead.<\/p>\n<h2 class=\"p3\"><span class=\"ez-toc-section\" id=\"The_commercial_case\"><\/span>The commercial case<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p class=\"p1\">Beyond the legal position, accessibility work pays for itself in ways that are easy to miss:<\/p>\n<ul class=\"ul1\">\n<li class=\"li4\"><b>Larger addressable audience.<\/b> Around one in five Australians<\/li>\n<li class=\"li4\"><b>Better SEO.<\/b> Proper heading structure, alt text, descriptive links and semantic markup are things search engines use too<\/li>\n<li class=\"li4\"><b>Better usability for everyone.<\/b> Captions help in noisy environments, good contrast helps in sunlight, clear labels reduce form abandonment<\/li>\n<li class=\"li4\"><b>Government and enterprise procurement.<\/b> Accessibility conformance is often a requirement to bid<\/li>\n<li class=\"li1\"><b>Reduced legal exposure<\/b><b><\/b><\/li>\n<\/ul>\n<p class=\"p1\">Accessibility overlaps heavily with quality. Sites that meet WCAG AA are usually better sites. Our guides to <a href=\"https:\/\/mediaplusdigital.co\/au\/what-makes-a-website-good\/\"><span class=\"s1\">what makes a website good<\/span><\/a> and <a href=\"https:\/\/mediaplusdigital.co\/au\/essential-web-design-principles\/\"><span class=\"s1\">essential web design principles<\/span><\/a> cover the overlap, and <a href=\"https:\/\/mediaplusdigital.co\/au\/responsive-web-design-best-practices\/\"><span class=\"s1\">responsive web design best practices<\/span><\/a> covers building layouts that survive zooming.<\/p>\n<h2 class=\"p3\"><span class=\"ez-toc-section\" id=\"Frequently_asked_questions\"><\/span>Frequently asked questions<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3 class=\"p1\"><span class=\"ez-toc-section\" id=\"Is_web_accessibility_a_legal_requirement_in_Australia\"><\/span><b>Is web accessibility a legal requirement in Australia?<\/b><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p class=\"p1\">The Disability Discrimination Act 1992 applies to services provided online and has been applied to websites, most notably in the Maguire case in 2000. Government sites must meet WCAG 2.1 AA under the Digital Service Standard. Private businesses have no separate web specific statute but remain subject to the DDA.<\/p>\n<h3 class=\"p1\"><span class=\"ez-toc-section\" id=\"What_level_of_WCAG_should_I_aim_for\"><\/span><b>What level of WCAG should I aim for?<\/b><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p class=\"p1\">Level AA of WCAG 2.1 or 2.2. Level A is insufficient, AAA is not realistic site wide.<\/p>\n<h3 class=\"p1\"><span class=\"ez-toc-section\" id=\"What_are_the_four_principles_of_WCAG\"><\/span><b>What are the four principles of WCAG?<\/b><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p class=\"p1\">Perceivable, Operable, Understandable and Robust, often shortened to POUR.<\/p>\n<h3 class=\"p1\"><span class=\"ez-toc-section\" id=\"Do_accessibility_overlay_widgets_make_my_site_compliant\"><\/span><b>Do accessibility overlay widgets make my site compliant?<\/b><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p class=\"p1\">No. They do not fix underlying code, are criticised by disability advocates, and can interfere with assistive technology. Remediate the site itself.<\/p>\n<h3 class=\"p1\"><span class=\"ez-toc-section\" id=\"How_much_does_accessibility_remediation_cost\"><\/span><b>How much does accessibility remediation cost?<\/b><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p class=\"p1\">It depends entirely on the starting point. Fixing contrast, alt text and form labels on a small site is often a few days of work. Rebuilding custom components that assistive technology cannot read is a larger project.<\/p>\n<h3 class=\"p1\"><span class=\"ez-toc-section\" id=\"Does_accessibility_help_SEO\"><\/span><b>Does accessibility help SEO?<\/b><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p class=\"p1\">Yes, indirectly and meaningfully. Heading structure, alt text, descriptive link text and semantic markup all overlap with what search engines use to understand a page.<\/p>\n<h2 class=\"p3\"><span class=\"ez-toc-section\" id=\"Where_to_start\"><\/span>Where to start<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p class=\"p1\">Run WAVE on your homepage and your main service page, then Tab through both with no mouse. Those two checks take fifteen minutes and will find most of what is wrong.<\/p>\n<p class=\"p1\">Fix contrast first. It is the most common failure, affects the most people, and is usually a straightforward change to your colour tokens.<\/p>\n<p class=\"p1\">Our <a href=\"https:\/\/mediaplusdigital.co\/au\/web-design-development\/\"><span class=\"s1\">web design and development<\/span><\/a> team builds accessible sites for Australian businesses and remediates existing ones. <a href=\"https:\/\/mediaplusdigital.co\/au\/contact-us\/\"><span class=\"s1\">Get in touch<\/span><\/a> for an accessibility review.<\/p>\n<p class=\"p1\"><i>This article is general information, not legal advice. Confirm your obligations with a qualified adviser, particularly if you are bidding for government work or operate in a regulated sector.<\/i><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Quick answer: Web accessibility guidelines are set out in WCAG, the Web Content Accessibility Guidelines, published by the W3C. Level AA of WCAG 2.1 is the practical standard for Australian businesses and the level required for Australian Government websites. Accessibility is also relevant under the Disability Discrimination Act 1992, which has been applied to websites. [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":7002,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[25],"tags":[],"class_list":["post-7001","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-website-design-and-development"],"_links":{"self":[{"href":"https:\/\/mediaplusdigital.co\/au\/wp-json\/wp\/v2\/posts\/7001","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mediaplusdigital.co\/au\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mediaplusdigital.co\/au\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mediaplusdigital.co\/au\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/mediaplusdigital.co\/au\/wp-json\/wp\/v2\/comments?post=7001"}],"version-history":[{"count":1,"href":"https:\/\/mediaplusdigital.co\/au\/wp-json\/wp\/v2\/posts\/7001\/revisions"}],"predecessor-version":[{"id":7003,"href":"https:\/\/mediaplusdigital.co\/au\/wp-json\/wp\/v2\/posts\/7001\/revisions\/7003"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mediaplusdigital.co\/au\/wp-json\/wp\/v2\/media\/7002"}],"wp:attachment":[{"href":"https:\/\/mediaplusdigital.co\/au\/wp-json\/wp\/v2\/media?parent=7001"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mediaplusdigital.co\/au\/wp-json\/wp\/v2\/categories?post=7001"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mediaplusdigital.co\/au\/wp-json\/wp\/v2\/tags?post=7001"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}