Tag Archives: Accessibility Days

Accessible Web Development

Creating accessible sites with WordPress and WooCommerce

To contribute to the ‘Accessibility Days 2018‘, an awareness event for software developers, designers, manufacturers, and others, that takes place in Bologna, on May 19th and 20th, Rafael Minuesa will be giving a lecture on how to create accessible sites with WordPress and WooCommerce.

Last year we prepared a Slide Presentation on the same topic, but unfortunately Rafael wasn’t able to attend. However we will be reusing some of that material, specifically the introduction that deals with statistical facts on the number of users around the world who suffer from some kind of disability, to help put the issue into perspective, and that we have embedded below again:


Below are some of the additional topics we would like to cover this year.

Accessible Markup, such as:

  • ARIA Landmark HTML5 sectioning elements
    • <header>
    • <nav>
    • <main>
    • <aside>
    • <footer>
  • CSS class screen-reader-text
    • To hide text from vision that is useful only for screen readers users
    • To skip links for keyboard navigation before the link get focus
  • Web forms
    • Provide instructions
    • Label controls for input fields
    • Group controls with fieldsets and legends
    • Accessible notifications (error and success messages)

Dos and Don’ts on Accessible Web Design, including:

  • Text style and layout
  • Font size
  • Resize text
  • Color Schemes
  • Color Contrast

Accessible Content, that covers the use of:

  • Descriptive link texts
  • Link destinations
  • Headings
    • One unique H1 per page, post or archive describing what the page is about
    • H2 through H6 to divide sections of the page
    • Don’t skip or mix up headings.
  • Alt text for images

We will also explain what kind of tools we can use and how to test our WordPress sires and WooCommerce stores for accessibility. Since we are using the WordPress platform most of these tools come in the form of plugins such as:

  • WP Accessibility Plugin enables skip links with WebKit support, adds language and text direction attribute, adds an outline to the keyboard focus state for focusable elements, provide a toolbar toggling between high contrast, large print, and desaturated (grayscale) views of your theme, and enforces the use of alt attributes on images.
  • Access Monitor’ schedules accessibility site audits weekly and reports a list of different accessibility issues.
  • Accessibility Widget’ adds a sidebar widget to change text size in your WordPress or WooCommerce site, allowing you to resize the content inside HTML and CSS tags, set font sizes, set controller text, or set tooltip text on mouse hover.

Finally, we will introduce some of the Testing and Development Tools that can be used to test your WordPress and WooCommerce website accessibility for different target groups, such as:

  • WAVE (Web Accessibility Evaluation Tool) that inspects any given web page and produces a Summary that lists Errors, Alerts, Features, Structural Elements, HTML5 and ARIA, etc.
  • Tota11y that will show errors covering multiple topics from headings, to contrast and form labels.
  • Tenon.io provides automated testing, and can be integrated into WordPress with the plugin Access Monitor

Accessibility Days 2018

Accessibility Days 2018To celebrate the Global Accessibility Awareness Day (GAAD) an awareness event for software developers, designers, manufacturers, and others, will take place in Bologna, on 18 May 2018.

The “Global Accessibility Awareness Day” is an event promoted every year during the month of May in various locations worldwide, to raise awareness of digital technologies on the topics of accessibility and inclusiveness, through comparison of usability with people with disabilities.

In Italy it was organized for the first time in 2017 by several communities of technology enthusiasts, in collaboration with the Ancona section of the UICI (Italian Union of the Blind and the Visually Impaired), with an event called “Accessibility Days”.

The first edition attracted a lot of enthusiasm among the participants, thanks to the numerous organized initiatives: not only classic sessions, but also workshops, like the Developer’s Corner, and real “sensory” experiences, such as the visit to the Tattile Museum and the dinner in the dark. In addition to being hosted in an exceptional location such as the Tattoile Museum Homer, one of the most important in the world of its kind, which just by itself is enough to leave you speechless.

On the wave of this enthusiasm we have decided to organize a new edition for 2018, this time in Bologna, involving other specialized companies on the subject of disabilities, such as the UICI Bologna, the “Universal Access” community and the Istituto dei Ciechi F. Cavazza, who will host us in an equally exceptional location, able to merge history, art and technology, in a marriage that will surely give us new emotions.