3.4.2 Nombre, función, valor

REQUISITO TEXTUAL DE LA NORMA

Para todos los componentes de la interfaz de usuario el nombre y la función se deben ser determinados por software; los estados, propiedades y valores que pueden ser asignados por el usuario, deben ser especificados por software, y los cambios en estos elementos se deben encontrar disponibles para su consulta por las aplicaciones de usuario, incluyendo las ayudas técnicas.

NOTA Este criterio de conformidad se dirige principalmente a los autores web que desarrollan o programan sus propios componentes de interfaz de usuario. Por ejemplo, los controles estándar de HTML satisfacen automáticamente este criterio cuando se emplean de acuerdo con su especificación

EL PORQUÉ DE LA NORMA

Proporcionar roles, estados e información de valor de todos los componentes de interfaz de usuario para permitir la compatibilidad con la tecnología de asistencia, tales como lectores de pantalla, ampliadores de pantalla y software de reconocimiento de voz, utilizado por las personas con discapacidad.

EXPLICACIÓN GRÁFICA

ALGUNAS FORMAS DE IMPLEMENTACIÓN

Ejemplos:

API de accesibilidad: Un applet de java utilza la API de accesibilidad.  Remitirse al siguiente enlace: Guía de IBM para escribir aplicaciones accesibles usando java 100%

Técnicas:

  • H91: Usar controles de HTML y enlaces.

Ejemplo: 

Ejemplo:

 
nombre" id="nombre" />

  • H64: Usar el atributo "title" en elementos frame e iframe.

Ejemplo: 


  
    Documento de ejemplo
  
  
    
    
    
      <body>
        <a href="/lib.html" title="Enlace a la biblioteca">Seleccione para ir a la biblioteca</a>
              
        <div id="sound_container" class="sound_div" title="Click here to listen the selected text" style=""><div id="sound_text"></div></div><div id="sound_audio"></div>
        <script src="http://ntc5854.accesibilidadweb.co/plugins/system/gspeech/gspeech/jquery-1.7.2.min.js"></script>
        <script src="http://ntc5854.accesibilidadweb.co/plugins/system/gspeech/gspeech/color.js"></script>
        <script src="http://ntc5854.accesibilidadweb.co/plugins/system/gspeech/gspeech/mediaelement-and-player.min.js"></script>
        <script src="http://ntc5854.accesibilidadweb.co/plugins/system/gspeech/gspeech/jQueryRotate.2.1.js"></script>
        <script type="text/javascript">
        	var players = new Array(),
            	blink_timer = new Array(),
            	rotate_timer = new Array(),
            	lang_identifier = 'es',
            	selected_txt = '',
            	sound_container_clicked = false,
            	sound_container_visible = true,
            	blinking_enable = true,
            	basic_plg_enable = true,
            	pro_container_clicked = false,
            	streamerphp_folder = 'http://ntc5854.accesibilidadweb.co/plugins/system/gspeech/gspeech/',
            	translation_tool = 'g',
            	//translation_audio_type = 'audio/x-wav',
            	translation_audio_type = 'audio/mpeg',
            	speech_text_length = 100,
            	blink_start_enable_pro = true,
            	createtriggerspeechcount = 0,
				speechtimeoutfinal = 0,
				speechtxt = '',
            	userRegistered = "0",
            	gspeech_bcp = ["#ffffff","#ffffff","#ffffff","#ffffff","#ffffff"],
		    	gspeech_cp = ["#111111","red","green","blue","orange"],
		    	gspeech_bca = ["#3297fd","red","green","blue","orange"],
		    	gspeech_ca = ["#ffffff","#ffffff","#ffffff","#ffffff","#ffffff"],
		    	gspeech_spop = ["90","90","90","90","90"],
		    	gspeech_spoa = ["100","100","100","100","100"],
		    	gspeech_animation_time = ["400","400","400","400","400"];
        </script>
        <script type="text/javascript" src="http://ntc5854.accesibilidadweb.co/plugins/system/gspeech/gspeech/gspeech_pro.js"></script>
        
        <style type="text/css">#sound_container{width: 32px;height: 32px;position: absolute;background-image: url("http://ntc5854.accesibilidadweb.co/plugins/system/gspeech/gspeech/gspeech.png");cursor: pointer;z-index: 999999;display: none;}#sound_container:hover{filter: alpha(opacity = 100);opacity:1;}#sound_audio {width: 0;height: 0;display: block;overflow: hidden;}#sound_text {display: none;}</style>
        <style type="text/css">.gspeech_selection{display: inline;background-color:white;}.sound_container_pro{width: 32px;height: 32px;position: absolute;background-image: url("http://ntc5854.accesibilidadweb.co/plugins/system/gspeech/gspeech/gspeech.png");cursor: pointer;z-index: 999999;display: none;}.sound_audio_pro {width: 0;height: 0;display: inline;overflow: hidden;}.sound_text_pro {display: none;}</style>
        <style type="text/css">.gspeech_style_,.gspeech_style_1{background-color:#ffffff;color:#111111;}.gspeech_style_2{background-color:#ffffff;color:red;}.gspeech_style_3{background-color:#ffffff;color:green;}.gspeech_style_4{background-color:#ffffff;color:blue;}.gspeech_style_5{background-color:#ffffff;color:orange;}</style>
        <style type="text/css">.gspeech_style_.active,.gspeech_style_1.active{background-color:#3297fd;color:#ffffff;}.gspeech_style_2.active{background-color:red;color:#ffffff;}.gspeech_style_3.active{background-color:green;color:#ffffff;}.gspeech_style_4.active{background-color:blue;color:#ffffff;}.gspeech_style_5.active{background-color:orange;color:#ffffff;}</style>
        <style type="text/css">
        .sound_div_,.sound_div_1{opacity:0.9;filter: alpha(opacity = 90)}
        .sound_div_2{opacity:0.9;filter: alpha(opacity = 90)}
        .sound_div_3{opacity:0.9;filter: alpha(opacity = 90)}
        .sound_div_4{opacity:0.9;filter: alpha(opacity = 90)}
        .sound_div_5{opacity:0.9;filter: alpha(opacity = 90)}
        </style>
        <div style="display:none"><span class="gspeech_selection gspeech_style_1" roll="1"></span><span class="sound_container_position greeting_block">&nbsp;</span>
        			<span class="sound_container_pro sound_div_1" language="es" roll="1" autoplaypro="1" speechtimeout="0" selector="" eventpro="" title="Click here to listen highlighted text" style=""><span class="sound_text_pro"></span></span></div></body>
    
  
 

  • H65: Usando el atributo "title" para identificar controles de formulario cuando el elemento "label" no puede ser usado.

Ejemplo:

texto a buscar"/> 

Situación C

  1. G135
    1. Flash32
    2. FLASH29
    3. FLASH30
    4. PDF10
    5. PDF12
    6. SL26
    7. SL32

Situación D

  1. G10
    1. SL6
    2. SL18
    3. SL20
    4. SL30

 

GLOSARIO

Nombre: Texto a través del cual un programa puede identificar un componente dentro del contenido web. NOTA 1 El nombre puede estar oculto y ser expuesto solamente por una ayuda técnica, mientras que una etiqueta (véase el numeral 2.35) se presenta a todos los usuarios. En muchos casos (pero no en todos), la etiqueta (véase el numeral 2.35) y el nombre son iguales. NOTA 2 Esto no tiene relación con el atributo name en HTML.

Una parte del contenido que es percibida por los usuarios como un control único para una función en particular.


NOTA 1 Múltiples componentes de la interfaz de usuario se pueden implementar como un único elemento de programación. Aquí, los componentes no están vinculados a las técnicas de programación, sino a lo que el usuario percibe como controles separados.


NOTA 2 Los componentes de la interfaz de usuario incluyen los elementos de formulario y los enlaces, así como los componentes generados por scripts.


Componente de interfaz de usuario: Un applet posee un "control" que permite moverse a través del contenido por línea, por página o por acceso aleatorio. Como cada uno de ellos necesitaría tener un nombre y ser configurado de forma independiente, cada uno sería un "componente de la interfaz de usuario".