Colección de hojas de trucos del W3C

En Accessibility Cheat Sheets se recogen hojas de trucos para WCAG, ARIA y dispositivos móviles.

Tamaño mínimo de los elementos de interacción

Web Content Accessibility Guidelines (WCAG) 2.1 tiene el criterio 2.5.5 Target Size (Level AAA):

The size of the target for pointer inputs is at least 44 by 44 CSS pixels except when:

• Equivalent: The target is available through an equivalent link or control on the same page that is at least 44 by 44 CSS pixels;
• Inline: The target is in a sentence or block of text;
• User Agent Control: The size of the target is determined by the user agent and is not modified by the author;
• Essential: A particular presentation of the target is essential to the information being conveyed.

Además, Web Content Accessibility Guidelines (WCAG) 2.2, que todavía está en el estado Candidate Recommendation Draft, incluye nueve nuevos criterios. Uno de ellos es 2.5.8 Target Size (Minimum) (Level AA):

The size of the target for pointer inputs is at least 24 by 24 CSS pixels, except where:

• Spacing: The target does not overlap any other target and has a target offset of at least 24 CSS pixels to every adjacent target;
• Equivalent: The function can be achieved through a different control on the same page that meets this criterion.
• Inline: The target is in a sentence, or is in a bulleted or numbered list, or its size is otherwise constrained by the line-height of non-target text;
• User agent control: The size of the target is determined by the user agent and is not modified by the author;
• Essential: A particular presentation of the target is essential or is legally required for the information being conveyed;

En Accessible Target Sizes Cheatsheet aclaran todo esto con varios ejemplos.

Hoja de trucos del W3C

Hace unos pocos días se lanzó W3C cheatsheet, la hoja de trucos del W3C para desarrolladores web. Según nos cuentan en el blog del W3C:

This cheatsheet aims at providing in a very compact and mobile-friendly format a compilation of useful knowledge extracted from W3C specifications — at this time, CSS, HTML, SVG and XPath —, completed by summaries of guidelines developed at W3C, in particular the WCAG2 accessibility guidelines, the Mobile Web Best Practices, and a number of internationalization tips.
Its main feature is a lookup search box, where one can start typing a keyword and get a list of matching properties/elements/attributes/functions in the above-mentioned specifications, and further details on those when selecting the one of interest.

Por ahora, ofrece información sobre:

• Las especificaciones HTML, CSS, SVG y XPath.
• Mobile Web Best Practices
• Accessibility: WCAG2 at a Glance
• Internationalization Quicktips
• English Typography
  

Hoja de trucos para pasar de WCAG 1.0 a 2.0

Web Content Accessibility Guidelines 1.0 — 2.0 Transition Cheat Sheet es una "hoja de trucos" donde podemos encontrar una correspondencia entre las pautas de WCAG 1.0 y WCAG 2.0 y agrupadas por nivel de conformidad (A, AA y AAA).

Por ejemplo, ¿cuál es la correspondencia entre las pautas que indican la necesidad de definir el idioma empleado en una página web (el uso del atributo lang)?

En esta hoja de trucos podemos ver que el punto de verificación 4.3 (Identify the primary natural language of a document) de WCAG 1.0 se corresponde con el criterio de cumplimiento 3.1.1 (Language of Page: The default human language of each Web page can be programmatically determined) de WCAG 2.0.

Además, el punto de verificación 4.1 (Clearly identify changes in the natural language of a document's text and any text equivalents, e.g., captions) de WCAG 1.0 se corresponde con el criterio de cumplimiento 3.1.2 (Language of Parts: The human language of each passage or phrase in the content can be programmatically determined except for proper names, technical terms, words of indeterminate language, and words or phrases that have become part of the vernacular of the immediately surrounding text) de WCAG 2.0.