# 4.2 Ejemplos de WEBs accesibles e inclusivas

<span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Veamos en primer lugar este vídeo de Sergio Luján, profesor de la universidad de Alicante, </span></span>*<span style="vertical-align: inherit;"><span style="vertical-align: inherit;">fuente </span></span>[<span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Youtube:</span></span>](https://www.youtube.com/)*

 <iframe allowfullscreen="allowfullscreen" height="324" src="https://www.youtube.com/embed/l14AQXH5WgE" width="578"></iframe>

<span style="vertical-align: inherit;"><span style="vertical-align: inherit;">A continuación te mostramos otros 4 </span></span>**<span style="vertical-align: inherit;"><span style="vertical-align: inherit;">ejemplos de web accesibles</span></span>**<span style="vertical-align: inherit;"><span style="vertical-align: inherit;"> en las que podrías inspirarte si tuvieras que diseñar una web, blog o sitio:</span></span>

**[<span style="vertical-align: inherit;"><span style="vertical-align: inherit;">1 Alcance</span></span>](https://www.scope.org.uk/)**

[![alcance.png](https://libros.catedu.es/uploads/images/gallery/2022-11/scaled-1680-/scope.png)](https://libros.catedu.es/uploads/images/gallery/2022-11/scope.png)

[<span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Scope</span></span>](https://www.scope.org.uk/)<span style="vertical-align: inherit;"><span style="vertical-align: inherit;"> es una organización benéfica de igualdad y discapacidad ubicada en Gales, Inglaterra dedicada a crear una sociedad más justa e igualitaria. </span><span style="vertical-align: inherit;">Como líder de la igualdad y discapacidad, esperaría que el sitio web de esta organización sea tan accesible como sea posible — y lo es. </span></span>

<span style="vertical-align: inherit;"><span style="vertical-align: inherit;">No solo se adhiere completamente a las directrices WCAG 2.0 y WCAG 2.1, sino que también el sitio es inclusivo personalizable para usuarios individuales. </span><span style="vertical-align: inherit;">Por ejemplo, los usuarios pueden cambiar los colores del sitio, aumentar el tamaño del texto, o incluso encender la narración de texto para que el contenido les sea leído en voz alta.</span></span>

<span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Si ves la parte superior izquierda de la página inicial, verás una pestaña llamada </span></span>*<span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Accesibilidad</span></span>*<span style="vertical-align: inherit;"><span style="vertical-align: inherit;"> . </span><span style="vertical-align: inherit;">Haz clic en ella y el sitio te llevará a su página de accesibilidad, la cual incluye instrucciones sobre cómo adaptar la experiencia a tus necesidades, se enlazará con tecnologías de asistencia, y una lista de problemas de accesibilidad conocidos en los que se está trabajando actualmente .</span></span>

<span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Scope, usa frases cortas y fuentes claras, grandes a través del sitio para una legibilidad máxima. </span><span style="vertical-align: inherit;">Además, el sitio es completamente compatible con software de lectura de pantalla.</span></span>

<span style="vertical-align: inherit;"><span style="vertical-align: inherit;">A pesar de ser un fantástico ejemplo de accesibilidad web, el equipo de Scope continúa realizando mejoras. </span><span style="vertical-align: inherit;">Cada 3 meses, prueben la accesibilidad del sitio web y realicen las actualizaciones donde sea necesario.</span></span>

[**<span style="vertical-align: inherit;"><span style="vertical-align: inherit;">2. Paralímpico.org</span></span>**](https://www.paralympic.org/es)

**[![paralímpico.png](https://libros.catedu.es/uploads/images/gallery/2022-11/scaled-1680-/paralympic.png)](https://libros.catedu.es/uploads/images/gallery/2022-11/paralympic.png)**

[<span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Paralympic.org</span></span>](https://www.paralympic.org/es)<span style="vertical-align: inherit;"><span style="vertical-align: inherit;"> es el sitio oficial del Comité Internacional de Paralímpicos (IPC). </span><span style="vertical-align: inherit;">El IPC es un poderoso defensor de la inclusión social y su sitio web es el testamento de eso. </span></span>

<span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Cuenta con navegación de pestañas amigables con el teclado y un botón de “regreso al inicio” instantáneo para hacer fácil la movilidad en la página. </span><span style="vertical-align: inherit;">Las imágenes y vídeos son grandes y altamente visibles, y hay suficiente espacio en blanco para resaltar los elementos visuales. </span></span>

<span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Si vas a la página inicial, notarás una funcionalidad para ajustar el tamaño del texto en la esquina superior derecha. </span><span style="vertical-align: inherit;">Es fácilmente visible y le permite a los usuarios con impedimentos visuales personalizar rápidamente el tamaño del texto para que se ajuste a sus necesidades.</span></span>

**<span style="vertical-align: inherit;"><span style="vertical-align: inherit;">3. </span></span>[<span style="vertical-align: inherit;"><span style="vertical-align: inherit;">SSE Energía</span></span>](https://sse.co.uk/energy)**

**[![sse energía.png](https://libros.catedu.es/uploads/images/gallery/2022-11/scaled-1680-/sse-energy.png)](https://libros.catedu.es/uploads/images/gallery/2022-11/sse-energy.png)**

[<span style="vertical-align: inherit;"><span style="vertical-align: inherit;">SSE Energy</span></span>](https://sse.co.uk/energy)<span style="vertical-align: inherit;"><span style="vertical-align: inherit;"> es una compañía energética. </span><span style="vertical-align: inherit;">Su sitio web muestra información sobre tarifas y paquetes, e incluye un portal principal de inicio de sesión para que sus clientes administren sus cuentas. </span></span>

<span style="vertical-align: inherit;"><span style="vertical-align: inherit;">La compañía ha hecho un trabajo increíble haciendo que este sitio sea accesible para todos, al usar un texto legible, con fuentes amplias y una interfaz clara. </span><span style="vertical-align: inherit;">También incorpora una navegación con teclado para hacer fácil desplazarse en el sitio. </span></span>

<span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Los diseñadores se esforzaron y caminaron una milla adicional para asegurar que el sitio sea accesible para los usuarios con discapacidades visuales y auditivas. </span><span style="vertical-align: inherit;">Hay servicios de señas a través de video para los usuarios de Lenguaje de Señas Británicos y el color de contraste cumple con las directrices de WCAG.</span></span>

<span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Los clientes también pueden solicitar sus facturas en Braille y en formatos más grandes. </span><span style="vertical-align: inherit;">Además a todo esto, el sitio web es compatible con tecnología de asistencia.</span></span>

[**<span style="vertical-align: inherit;"><span style="vertical-align: inherit;">4. Reproductor de BBC</span></span>**](https://www.bbc.co.uk/iplayer)

[![bbc iplayer.png](https://libros.catedu.es/uploads/images/gallery/2022-11/scaled-1680-/bbc-iplayer.png)](https://libros.catedu.es/uploads/images/gallery/2022-11/bbc-iplayer.png)

[<span style="vertical-align: inherit;"><span style="vertical-align: inherit;">BBC iPlayer</span></span>](https://www.bbc.co.uk/iplayer)<span style="vertical-align: inherit;"><span style="vertical-align: inherit;"> es el servicio de streaming en línea de la BBC. </span><span style="vertical-align: inherit;">Su sitio web es donde los usuarios van a ver los programas en línea. </span><span style="vertical-align: inherit;">También es otro ejemplo fantástico de accesibilidad web del que podemos aprender.</span></span>

<span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Primero, el sitio web es muy fácil de navegar y compatible con tecnología de asistencia. </span><span style="vertical-align: inherit;">Puedes moverte por la página al hacer clic en el botón </span></span>*<span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Tab. </span></span>*<span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Navegar en el logo de iPlayer muestra una opción para obtener ayuda con Accesibilidad, la cual enlaza a una página de recursos con mucha información útil para usuarios con discapacidades.</span></span>

<span style="vertical-align: inherit;"><span style="vertical-align: inherit;">El contenido está diseñado lógicamente, y todos los botones usan un diseño visual claro con colores de alto contraste. </span><span style="vertical-align: inherit;">También hay burbujas de información accesibles a través del teclado y el mouse que brindan información adicional para los usuarios y texto descriptivo alternativo para todas las imágenes.</span></span>

<span style="vertical-align: inherit;"><span style="vertical-align: inherit;">El contenido del vídeo también es accesible. </span><span style="vertical-align: inherit;">Todos los programas de la BBC en iPlayer contienen subtítulos. </span></span>

---

*<span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Fuentes para elaborar este capítulo: Zystel.com, video de Sergio Luján (youtube.com), y dreamhost.com.</span></span>*