Six ways to make your site more accessible

Summary of a talk given by Hidde de Vries

Hidde de Vries made this enumeration in this talk. Here is a quick summary:

Names #

<label for="name">Name</label>
<input type="text" id="name" />
<table>
<caption>Financial results 2018<caption>
<tbody></tbody>
</table>
<form>
<fieldset>
<legend>Personal details</legend>
<label for="name">Name</label>
<input type="text" id="name" />
<!-- more fields here-->
</fieldset>
</form>

Markup #

Structure #

The <title> is still the first guarantee or first confirmation that you´ve ended up on the page that you intended to reach.

Language #

Define the language of the site <html lang="en">

Text #

The web is mostly text. Text will provide a lot of accessibility by default. Therefore use text or at least text alternatives, like alt="…".

Keyboard #

Test the site navigation by using a keyboard only and check for visible focus.

References #

  1. Hidde de Vries, Six ways to make your site more accessible
  2. Léonie Watson, tink
  3. WHATWG, HTML: The Living Standard