Techniken für WCAG 2.0

Zum Inhalt

-

FLASH30: Festlegung von barrierefreien Namen für Bild-Schaltflächen

Anwendbarkeit

  • Adobe Flash Professional Version MX und höher

  • Adobe Flex

Die Technik bezieht sich auf:

Anmerkungen zur Unterstützung durch Benutzeragenten und assistierende Techniken

Siehe User Agent Support for Flash für allgemeine Informationen zur Unterstützung durch Benutzeragenten.

Beschreibung

Bei bild-basierten Schaltflächen-Komponenten muss der barrierefreie Name festgelegt werden, um eine funktionale Beschriftung bereitzustellen. Diese Beschriftung bezeichnet die Funktion der Schaltfläche, versucht aber nicht, das Bild zu beschreiben. Die Beschriftung ist besonders wichtig, wenn es mehrere Schaltflächen auf der Seite gibt, die alle zu unterschiedlichen Ergebnissen führen.

Der barrierefreie Name für eine Schaltfläche muss möglicherweise aktualisiert werden, wenn sich die Schaltfläche während der Benutzung des Flash-Films ändert.

Beispiele

Beispiel 1: Barrierefreier Name für eine einfache Bild-Schaltfläche

In diesem Beispiel bekommt eine symbol-basierte Schaltfläche eine barrierefreien Namen durch Scripting. Wenn die Schaltfläche angeklickt wird, wird eine Webseite geöffnet.

Code-Beispiel:

			//provide text equivalent for image button
this.check_btn.accessibilityProperties = new AccessibilityProperties();
this.check_btn.accessibilityProperties.name = "Check page validation";

//set up event listener and function to navigate to URL

this.check_btn.addEventListener(MouseEvent.CLICK, onClickHandler);

function onClickHandler(e: MouseEvent): void {
  var btn = e.target;
  var url: String = "http://validator.w3.org";
  var request: URLRequest = new URLRequest(url);
  navigateToURL(request, '_blank');
}

Beispiel 2: Barrierefreier Name für eine dynamische Bild-Schaltfläche

Code-Beispiel:

			import fl.controls.Button;
import fl.accessibility.ButtonAccImpl;

ButtonAccImpl.enableAccessibility();

var soundIsMuted = false;
var myButton: Button = new Button();
myButton.label = "";
myButton.x = myButton.y = 10;
myButton.width = myButton.height = 50;
updateAccName(myButton, "mute sound");
myButton.setStyle("icon", unmuted);
myButton.addEventListener(MouseEvent.CLICK, handleBtnClick);
addChild(myButton);

function handleBtnClick(e) {
  soundIsMuted = ! soundIsMuted;
  myButton.setStyle("icon", soundIsMuted? muted: unmuted);
  updateAccName(myButton, soundIsMuted? "unmute sound": "mute sound");
}

function updateAccName(obj, newName: String) {
  if (! obj.accessibilityProperties)
  obj.accessibilityProperties = new AccessibilityProperties();
  obj.accessibilityProperties.name = newName;
  if (Capabilities.hasAccessibility)
  Accessibility.updateProperties();
}

Tests

Vorgehensweise

Wenn ein Flash-Film bild-basierte Schaltflächen enthält bestätigen Sie, dass:

  1. Ein barrierefreier Name für die Schaltfläche bereitgestellt wird, der die Aktion der Schaltfläche beschreibt

  2. Sich der barrierefreie Name entsprechend ändert, wenn sich die Aktion der Schaltfläche ändert (zum Beispiel wenn sie angeklickt wird)

Erwartete Ergebnisse

  • #1 und #2 sind wahr.

Wenn dies eine ausreichende Technik für ein Erfolgskriterium ist, dann bedeutet das Scheitern an diesem Testverfahren nicht zwangsläufig, dass das Erfolgskriterium nicht auf irgendeine andere Art und Weise erfüllt wurde, sondern nur, diese Technik nicht erfolgreich implementiert wurde und nicht benutzt werden kann, um die Konformität zu erklären.