{"id":9922,"date":"2025-07-02T06:20:48","date_gmt":"2025-07-02T06:20:48","guid":{"rendered":"https:\/\/www.tuwebaccesible.es\/lector-de-pantalla-funcion-ejemplos-web\/"},"modified":"2026-03-01T17:21:31","modified_gmt":"2026-03-01T17:21:31","slug":"lector-de-pantalla-que-es-com-funciona-i-exemples-practics","status":"publish","type":"post","link":"https:\/\/www.tuwebaccesible.es\/cat\/lector-de-pantalla-que-es-com-funciona-i-exemples-practics\/","title":{"rendered":"Lector de Pantalla: Qu\u00e8 \u00e9s, Com Funciona i Exemples Pr\u00e0ctics"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column][vc_column_text uncode_shortcode_id=&#8221;721049&#8243; el_class=&#8221;summary&#8221;]A l&#8217;univers de l&#8217;accessibilitat digital, <strong>el lector de pantalla<\/strong> \u00e9s una eina fonamental perqu\u00e8 les persones amb discapacitat visual puguin navegar per internet. Per\u00f2 com funciona realment? Qu\u00e8 llegeix un lector de pantalla? I, sobretot, com pot un desenvolupador o dissenyador web garantir que el vostre lloc sigui accessible?[\/vc_column_text][vc_single_image media=&#8221;9680&#8243; dynamic=&#8221;yes&#8221; media_width_percent=&#8221;100&#8243; uncode_shortcode_id=&#8221;110306&#8243;][vc_column_text uncode_shortcode_id=&#8221;492357&#8243;][\/vc_column_text][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;1&#8243; bottom_padding=&#8221;2&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; uncode_shortcode_id=&#8221;186720&#8243;][vc_column width=&#8221;1\/1&#8243;][vc_column_text uncode_shortcode_id=&#8221;654432&#8243;]<\/p>\n<h2><strong>Qu\u00e8 \u00e9s un lector de pantalla?<\/strong><\/h2>\n<p>Un <strong>lector de pantalla<\/strong> \u00e9s un programari que interpreta la informaci\u00f3 visual mostrada a la pantalla d&#8217;un dispositiu i la converteix en sortida de veu o braille digital. Aquest tipus de tecnologia permet a les persones cegues o amb baixa visi\u00f3 <strong>navegar per interf\u00edcies digitals<\/strong>, llegir contingut, omplir formularis i utilitzar aplicacions amb flu\u00efdesa.<\/p>\n<h2><strong>Per a qu\u00e8 serveix?<\/strong><\/h2>\n<p>El seu objectiu principal \u00e9s <strong>fer accessible la informaci\u00f3 digital<\/strong>, eliminant les barreres visuals mitjan\u00e7ant una interf\u00edcie auditiva o t\u00e0ctil. No nom\u00e9s es fa servir en p\u00e0gines web, sin\u00f3 tamb\u00e9 en correus electr\u00f2nics, documents, aplicacions m\u00f2bils, i m\u00e9s.<\/p>\n<h2><strong>Com funciona un lector de pantalla a la web?<\/strong><\/h2>\n<p>Els lectors de pantalla <strong>no llegeixen &#8220;la pantalla&#8221; en si<\/strong>, sin\u00f3 el codi subjacent, especialment l&#8217;estructura sem\u00e0ntica de l&#8217;HTML. Interpreten etiquetes com <\/p>\n<h1>, <\/p>\n<p>, <\/p>\n<nav>, i atributs com a aria-label o role, per brindar a l&#8217;usuari una experi\u00e8ncia navegable i l\u00f2gica.<\/p>\n<h2><strong>Qu\u00e8 llegeixen aquestes eines?<\/strong><\/h2>\n<p>Un lector de pantalla analitza elements com:<\/p>\n<ul>\n<li><strong>Encap\u00e7alaments jer\u00e0rquics<\/strong> (<br \/>\n<h1> a <\/p>\n<h6>)<\/li>\n<li><strong>Llistes<\/strong> (\n<ul>, <\/p>\n<ol>)<\/li>\n<li><strong>Enlla\u00e7os<\/strong> i botons<\/li>\n<li><strong>Etiquetes de formularis<\/strong> (<label>)<\/li>\n<li><strong>Imatges amb atributs alt<\/strong><\/li>\n<li><strong>Taules amb etiquetes\n<th>, <\/p>\n<caption><\/strong><\/li>\n<li>Rols i estats ARIA (ex. aria-expanded, role=&#8221;button&#8221;)<\/li>\n<\/ul>\n<p>Una p\u00e0gina amb bona <strong>estructura sem\u00e0ntica<\/strong> millora radicalment lexperi\u00e8ncia de lusuari.<\/p>\n<h2><strong>Exemples de lectors de pantalla populars<\/strong><\/h2>\n<p>Hi ha diversos lectors de pantalla, cadascun amb caracter\u00edstiques espec\u00edfiques. A continuaci\u00f3, us mostrem els m\u00e9s utilitzats:<\/p>\n<ol>\n<li>\n<h3><strong><a href=\"https:\/\/nvda.es\/\" target=\"_blank\" rel=\"noopener\"> NVDA<\/a> (NonVisual Desktop Access)<\/strong><\/h3>\n<\/li>\n<\/ol>\n<ul>\n<li>Gratu\u00eft i de codi obert.<\/li>\n<li>Molt utilitzat per desenvolupadors per a proves d&#8217;accessibilitat.<\/li>\n<li>Compatible amb Windows.<\/li>\n<\/ul>\n<ol start=\"2\">\n<li>\n<h3><strong><a href=\"https:\/\/www.freedomscientific.com\/products\/software\/jaws\/\" target=\"_blank\" rel=\"noopener\"> JAWS<\/a> (Job Access With Speech)<\/strong><\/h3>\n<\/li>\n<\/ol>\n<ul>\n<li>De pagament, per\u00f2 amb \u00e0mplies funcions professionals.<\/li>\n<li>Excel\u00b7lent suport t\u00e8cnic i personalitzaci\u00f3.<\/li>\n<li>Molt utilitzat en entorns corporatius.<\/li>\n<\/ul>\n<ol start=\"3\">\n<li>\n<h3><a href=\"https:\/\/webaim.org\/articles\/voiceover\/\" target=\"_blank\" rel=\"noopener\"><strong>VoiceOver<\/strong><\/a><\/h3>\n<\/li>\n<\/ol>\n<ul>\n<li>Integrat en dispositius Apple (macOS, iOS).<\/li>\n<li>Fluid i eficient.<\/li>\n<li>Compatible amb navegaci\u00f3 t\u00e0ctil a iPhone\/iPad.<\/li>\n<\/ul>\n<ol start=\"4\">\n<li>\n<h3><strong>Narrador del Windows<\/strong><\/h3>\n<\/li>\n<\/ol>\n<ul>\n<li>Natiu de Windows, encara que amb funcionalitats m\u00e9s b\u00e0siques.<\/li>\n<\/ul>\n<h2><strong>Lectors de pantalla i accessibilitat web<\/strong><\/h2>\n<p>Els lectors de pantalla estan estretament lligats al compliment d&#8217;est\u00e0ndards com les <strong>WCAG 2.1 (Pautes d&#8217;Accessibilitat per al Contingut Web)<\/strong> i la <a href=\"https:\/\/www.tuwebaccesible.es\/acta-europea-d&#039;accessibilitat-de-2025\/\"><strong>EAA&gt;<\/A><\/A> Aquests est\u00e0ndards recomanen:<\/p>\n<ul>\n<li>Utilitzeu correctament les <strong>encap\u00e7alaments<\/strong> i les llistes.<\/li>\n<li>Assegureu-vos que <strong>tots els elements interactius<\/strong> (botons, enlla\u00e7os) tinguin etiquetes accessibles.<\/li>\n<li>Incloure <strong>text alternatiu descriptiu<\/strong> per a imatges.<\/li>\n<li>Evitar continguts que depenguin exclusivament del color o d&#8217;elements visuals.<\/li>\n<\/ul>\n<h2><strong>Com navega una persona cega per internet?<\/strong><\/h2>\n<p>Les persones cegues utilitzen dreceres de teclat per &#8220;saltar&#8221; per cap\u00e7aleres, llistes, enlla\u00e7os o regions duna p\u00e0gina. Exemple: a NVDA, la tecla &#8220;H&#8221; salta d&#8217;una cap\u00e7alera a una altra. Aix\u00f2 requereix que el contingut estigui correctament estructurat.<\/p>\n<h2><strong>Millors pr\u00e0ctiques per dissenyar llocs compatibles amb aquestes eines<\/strong><\/h2>\n<ol>\n<li><strong>Usa HTML sem\u00e0ntic.<\/strong><\/li>\n<li><strong>Afegeix rols i atributs ARIA<\/strong> nom\u00e9s quan sigui necessari.<\/li>\n<li><strong>Etiqueta correctament formularis.<\/strong><\/li>\n<li><strong>Evita elements no accessibles<\/strong> com sliders autom\u00e0tics no controlables.<\/li>\n<li><strong>Prova el teu lloc amb lectors de pantalla reals.<\/strong><\/li>\n<\/ol>\n<h2><strong>Conclusi\u00f3<\/strong><\/h2>\n<p>El <strong>lector de pantalla<\/strong> no \u00e9s nom\u00e9s una eina d&#8217;inclusi\u00f3, sin\u00f3 tamb\u00e9 un indicador de bona qualitat web. Un lloc accessible no nom\u00e9s millora lexperi\u00e8ncia per a persones amb discapacitat visual, sin\u00f3 que tamb\u00e9 \u00e9s m\u00e9s clar, navegable i \u00fatil per a tots els usuaris, incloses les IAs que processen contingut digital.<\/p>\n<p>El teu lloc \u00e9s veritablement accessible? \u00c9s hora de comprovar-ho.[\/vc_column_text][\/vc_column][\/vc_row][vc_section overlay_alpha=&#8221;50&#8243; content_parallax=&#8221;0&#8243; uncode_shortcode_id=&#8221;177483&#8243;][vc_row][vc_column width=&#8221;1\/1&#8243;][uncode_block id=&#8221;5789&#8243;][\/vc_column][\/vc_row][\/vc_section]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column][vc_column_text uncode_shortcode_id=&#8221;721049&#8243; el_class=&#8221;summary&#8221;]A l&#8217;univers de l&#8217;accessibilitat digital, el lector de pantalla \u00e9s una eina fonamental perqu\u00e8 les persones amb discapacitat [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":9902,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[126],"tags":[],"class_list":["post-9922","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-actualitat"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.tuwebaccesible.es\/cat\/wp-json\/wp\/v2\/posts\/9922","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.tuwebaccesible.es\/cat\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.tuwebaccesible.es\/cat\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.tuwebaccesible.es\/cat\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tuwebaccesible.es\/cat\/wp-json\/wp\/v2\/comments?post=9922"}],"version-history":[{"count":0,"href":"https:\/\/www.tuwebaccesible.es\/cat\/wp-json\/wp\/v2\/posts\/9922\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.tuwebaccesible.es\/cat\/wp-json\/wp\/v2\/media\/9902"}],"wp:attachment":[{"href":"https:\/\/www.tuwebaccesible.es\/cat\/wp-json\/wp\/v2\/media?parent=9922"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tuwebaccesible.es\/cat\/wp-json\/wp\/v2\/categories?post=9922"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tuwebaccesible.es\/cat\/wp-json\/wp\/v2\/tags?post=9922"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}