Accessibilitat ≠ Overlay: quan el procés de compra es converteix en una barrera

Comprar per Internet hauria de ser senzill. Però un carretó, un formulari d’adreça o una passarel·la de pagament inaccessibles poden impedir completar la compra.

Una compra que no s’acaba

La persona tria un producte però no pot seleccionar la província, entendre un error o confirmar la comanda. La botiga impedeix una acció essencial.

Un carretó comprensible

Els botons de quantitat i d’eliminació necessiten noms accessibles. Els canvis de preu i de total també s’han de comunicar als lectors de pantalla.

Formularis sense endevinalles

Cada camp ha de tenir una etiqueta, instruccions clares i errors que expliquin com solucionar el problema. Un contorn vermell no és suficient.

Teclat i focus durant tot el procés

Cal poder escollir l’enviament, aplicar cupons, seleccionar el pagament i confirmar sense ratolí. Els diàlegs han de gestionar el focus correctament.

Pagaments i seguretat accessibles

Les passarel·les externes i les verificacions d’identitat també han d’oferir alternatives accessibles i segures.

Confirmació clara

Abans de pagar cal poder revisar els productes, l’import i l’adreça. Després, el resultat s’ha d’anunciar de manera comprensible.

Com comprovar-ho

Fes una compra de prova només amb teclat i repeteix-la amb NVDA, JAWS, VoiceOver o TalkBack. Revisa errors i canvis de focus.

Què aporta Blind Reader

Blind Reader facilita l’orientació, la navegació guiada, els formularis i els recorreguts de comerç electrònic. Les correccions puntuals no substitueixen un procés de compra accessible des de l’origen.

Comprar amb autonomia

L’accessibilitat no s’acaba a la fitxa del producte. També ha d’arribar al pagament i a la confirmació.

Fonts i referències

• W3C WAI — Forms Tutorial
• W3C WAI — Understanding Error Identification
• W3C WAI — Understanding Keyboard
• W3C WAI — Understanding Status Messages

Lliurament 21 · Accessibilitat ≠ Overlay