Taking WordPress to AAA accessibility (WordUp Whitehall 2011)

•Descargar como PPT, PDF•

2 recomendaciones•1,468 vistas

The document discusses taking a WordPress site to AAA accessibility standards and identifies several issues that need to be addressed out of the box, including empty searches not returning errors, lack of structure in comment forms, and themes not being resizable. It provides strategies for fixing issues like improving color contrast, making layouts resizable, trapping empty searches, and adding context to links. The document advocates fixing content, CSS, templates, and using hooks/filters and jQuery to target specific issues.

Tecnología Empresariales

Taking WordPress to AAA November 2011 Steph Gray, Helpful Technology

[object Object],I don’t really know what I’m talking about

Principles of accessibility Readable Adaptable Predictable Source: http://www.w3.org/WAI/WCAG20/quickref/Overview.php Navigable Compatible

What does AAA require? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

First audit: The Good ,[object Object],[object Object],[object Object],[object Object],[object Object]

[object Object],[object Object],Hidden text for screenreaders Solution: use absolute, off-screen positioning

[object Object],[object Object],Solution: relative sizing of structural blocks

[object Object],[object Object],Solution: relative sizing on wrappers; use max-width

[object Object],[object Object],Solution: use :focus pseudoclass to highlight current link, and highlight current section/menu uitem

[object Object],[object Object],Solution: darker text on white backgrounds #888 (3.5:1) #575757 (7.23:1) http://juicystudio.com/services/luminositycontrastratio.php

$[object Object],[object Object],<input type="hidden" id="_wp_unfiltered_html_comment" name="_wp_unfiltered_html_comment" value="c3a8343c71" /> <p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="f39ad65f0f" /> </p> function fixCommentNonceStyle() { var commentparas = $('#respond p'); for(var i = 0; i < commentparas.length; i++) { if ($(commentparas[i]).attr("style") == 'display: none;') { $(commentparas[i]).removeAttr("style"); } } return true; } (imperfect) solution: nuke Akismet’s inline style with jQuery$

[object Object],[object Object],[object Object],[object Object],[object Object]

[object Object],Solution (for custom menus): add hidden text to links explaining context, using jQuery

(Aside: this applies to traditional WordPress listings too) Solution: hidden text with unique description of where the link takes you

[object Object],[object Object],(dubious) solution: [shortcode] to render wp_list_pages() – but a plugin might be safer for general purpose WP themes

Adding a stylesheet switcher Alternate stylesheets are for contrast, not text size (which is resizable using browser features)

WordPress ‘out of the box’ issues for AAA ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Strategies for fixing ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Más contenido relacionado

Similar a Taking WordPress to AAA accessibility (WordUp Whitehall 2011)

Whats Up With Ontopoly?Geir Ove Grønmo

Html5 tutorialJitendra Gangwar

Html5 tutorialEdress Oryakhail

Html5 tutorialDivyesh Bharadava

Html5 tutorialAli Haydar(Raj)

Html5 tutorialArjuman Shaikh

Bootstrap Paragraphs for Drupal 8Jim Birch

Blog Enhancing through ExtensionsJure Cuhalev

Html & CSS - Best practices 2-hour-workshopVero Rebagliatte

Share point 2010-uiimprovementsLiquidHub

Meetup: The big change coming to WordPress in 2018 - GutenbergEvan Mullins

Meetup: The big change coming to WordPress in 2018 - GutenbergMickey Mellen

The panels familymerlinofchaos

Wordpress workflow for an agency worldChris Lowe

Introduction to whats new in css3Usman Mehmood

DrupalcampRick McKinnon

Interview+Questions (1).pdframu944534

Marky Markup and the Funky Bunchdtraft

Html5 tutorialJesus Cortes

Html5 - Tutorialadelaticleanu

Similar a Taking WordPress to AAA accessibility (WordUp Whitehall 2011) (20)

Whats Up With Ontopoly?

Html5 tutorial

Bootstrap Paragraphs for Drupal 8

Blog Enhancing through Extensions

Html & CSS - Best practices 2-hour-workshop

Share point 2010-uiimprovements

Meetup: The big change coming to WordPress in 2018 - Gutenberg

The panels family

Wordpress workflow for an agency world

Introduction to whats new in css3

Drupalcamp

Interview+Questions (1).pdf

Marky Markup and the Funky Bunch

Html5 tutorial

Html5 - Tutorial

Más de Helpful Technology

Sarah Leggett, The National ArchivesHelpful Technology

John Ploughman, Driving Standards AgencyHelpful Technology

Elliot Ross, ActionRocketHelpful Technology

Nick Halliday, NAOHelpful Technology

Sarah Nagra, Suffolk Council Trading StandardsHelpful Technology

Francis Bacon, Royal SocietyHelpful Technology

Beth Lowell and Georgia Warren, Blue State DigitalHelpful Technology

Ben Hoare, Lewisham CouncilHelpful Technology

Dan Slee, comms2point0Helpful Technology

Alan Ferguson, Central Bedfordshire CouncilHelpful Technology

Steph Gray, Helpful TechnologyHelpful Technology

Social simulator overview 2012Helpful Technology

Mailcamp: Dave Worsell, GovDelivery (Driving Standards Agency)Helpful Technology

Mailcamp: Hayley Cashmore, Three Spires ConsultingHelpful Technology

Mailcamp: Paul Kent, London Borough of HillingdonHelpful Technology

Mailcamp: John Glover, INOVEMHelpful Technology

Mailcamp: Simon Burgess, Sift Media (Public Technology)Helpful Technology

Mailcamp: Andy Snow, MHRAHelpful Technology

MailCamp: Donna Grant, JISCmailHelpful Technology

Mailcamp: Jess Lea, DFIDHelpful Technology

Más de Helpful Technology (20)

Sarah Leggett, The National Archives

John Ploughman, Driving Standards Agency

Elliot Ross, ActionRocket

Nick Halliday, NAO

Sarah Nagra, Suffolk Council Trading Standards

Francis Bacon, Royal Society

Beth Lowell and Georgia Warren, Blue State Digital

Ben Hoare, Lewisham Council

Dan Slee, comms2point0

Alan Ferguson, Central Bedfordshire Council

Steph Gray, Helpful Technology

Social simulator overview 2012

Mailcamp: Dave Worsell, GovDelivery (Driving Standards Agency)

Mailcamp: Hayley Cashmore, Three Spires Consulting

Mailcamp: Paul Kent, London Borough of Hillingdon

Mailcamp: John Glover, INOVEM

Mailcamp: Simon Burgess, Sift Media (Public Technology)

Mailcamp: Andy Snow, MHRA

MailCamp: Donna Grant, JISCmail

Mailcamp: Jess Lea, DFID

Último

Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...apidays

Axa Assurance Maroc - Insurer Innovation Award 2024The Digital Insurer

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoffsammart93

Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingEdi Saputra

DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamUiPathCommunity

presentation ICT roal in 21st century educationjfdjdjcjdnsjd

Manulife - Insurer Transformation Award 2024The Digital Insurer

AXA XL - Insurer Innovation Award Americas 2024The Digital Insurer

Connector Corner: Accelerate revenue generation using UiPath API-centric busi...DianaGray10

Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobeapidays

Cyberprint. Dark Pink Apt Group [EN].pdfOverkill Security

"I see eyes in my soup": How Delivery Hero implemented the safety system for ...Zilliz

ICT role in 21st century education and its challengesrafiqahmad00786416

Architecting Cloud Native ApplicationsWSO2

DBX First Quarter 2024 Investor PresentationDropbox

Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...apidays

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@

Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...Zilliz

TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc

Finding Java's Hidden Performance Traps @ DevoxxUK 2024Victor Rentea