Abre Google Chrome y ve a la Chrome Web Store: Chrome Web Store.
Busca “Text Mode” en la barra de búsqueda.
Haz clic en «Agregar a Chrome» y confirma la instalación.
b. Acceda a la página web www.yahoo.es y visualícela de forma normal y en modo sólo texto
Visualización en modo normal:
Abre una nueva pestaña en Chrome y visita Yahoo España.
Visualización en modo sólo texto:
Activa la extensión “Text Mode” haciendo clic en su icono en la barra de herramientas de Chrome.
La página de Yahoo se recargará en modo sólo texto, eliminando imágenes y otros elementos gráficos.
c. Instale la extensión “SpeakIt”
Abre Google Chrome y ve a la Chrome Web Store: Chrome Web Store.
Busca “SpeakIt” en la barra de búsqueda.
Haz clic en «Agregar a Chrome» y confirma la instalación.
d. Configure la extensión para que use una voz española y masculina
Haz clic en el icono de SpeakIt en la barra de herramientas de Chrome.
Ve a las «Opciones» de la extensión.
Selecciona una voz española y masculina en la lista de opciones de voz.
Guarda los cambios.
e. Acceda a una página de noticias como www.kriptopolis.com, seleccione un texto para que sea leído en voz alta por el navegador
Abre una nueva pestaña en Chrome y visita Kriptopolis.
Selecciona un texto en la página.
Haz clic derecho sobre el texto seleccionado y selecciona “SpeakIt” en el menú contextual.
La extensión leerá el texto en voz alta con la configuración seleccionada (voz española y masculina).
Capturas Pregunta 1
Pregunta 2: Responda a las siguientes preguntas
a. ¿Qué características deben tener los navegadores web para asegurar que sean compatibles con mis páginas web?
Soporte de estándares web: El navegador debe cumplir con los estándares web definidos por el World Wide Web Consortium (W3C), como HTML5, CSS3 y JavaScript ES6+.
Actualizaciones regulares: Los navegadores deben ser actualizados regularmente para soportar las últimas tecnologías y estándares.
Compatibilidad multiplataforma: Deben funcionar en diferentes sistemas operativos, como Windows, macOS, Linux, iOS y Android.
Herramientas de desarrollo integradas: Deben tener herramientas de desarrollo robustas para depuración y prueba de aplicaciones web.
Rendimiento y seguridad: Deben ofrecer un buen rendimiento y tener medidas de seguridad para proteger contra vulnerabilidades web.
Soporte de APIs modernas: Deben soportar APIs modernas para facilitar el desarrollo de aplicaciones web ricas, como WebAssembly, WebRTC, y APIs de dispositivos.
b. ¿Qué herramientas o entornos de prueba se pueden utilizar para verificar que se cumplen las especificaciones recibidas y la página se visualiza bien en todos los navegadores y dispositivos?
Herramientas de pruebas cruzadas:
BrowserStack: Permite probar sitios web en una amplia variedad de navegadores y dispositivos.
Sauce Labs: Proporciona una plataforma para pruebas en múltiples navegadores y dispositivos.
CrossBrowserTesting: Ofrece pruebas de compatibilidad en varios navegadores y dispositivos.
Entornos de pruebas locales:
Selenium: Automatiza las pruebas en diferentes navegadores y puede integrarse con diferentes lenguajes de programación.
Cypress: Herramienta de pruebas end-to-end para aplicaciones web, compatible con múltiples navegadores.
Validadores y linters:
W3C Validator: Verifica el código HTML y CSS para asegurar que cumple con los estándares W3C.
ESLint: Herramienta para identificar y reportar patrones en ECMAScript/JavaScript.
Herramientas de rendimiento:
Google Lighthouse: Analiza las páginas web para medir su rendimiento, accesibilidad, y SEO.
WebPageTest: Proporciona un análisis detallado del rendimiento de la página web.
Herramientas de desarrollo integradas en navegadores:
Chrome DevTools: Incluye herramientas para depurar, analizar y optimizar aplicaciones web.
Firefox Developer Tools: Ofrece un conjunto de herramientas para desarrolladores web similares a las de Chrome.
