Accesibilidad

Hacer que las aplicaciones sean accesibless es importante y estemos encantados de proporcionar funcionalidad en Devtron y Spectron que le brinda a los programadores la oportunidad de hacer que sus aplicaciones sean mejoren para todos.

Los problemas de accesibilidad en las aplicaciones Electron son similares a los de los sitios web debido a que ambos son básicamente HTML. Sin embargo, con las aplicaciones de Electron, no puedes usar los recursos online para las auditorías de accesibilidad, ya que la aplicación no posee una URL para apuntar al auditor.

These features bring those auditing tools to your Electron app. You can choose to add audits to your tests with Spectron or use them within DevTools with Devtron. Sigue leyendo para un resumen de las herramientas.

Spectron#

In the testing framework Spectron, you can now audit each window and <webview> tag in your application. Por ejemplo:

app.client.auditAccessibility().then(function (audit) {  if (audit.failed) {    console.error(audit.message)  }})

Puede leer más acerca de esta herramienta en la documentación de Spectron.

Devtron#

In Devtron, there is an accessibility tab which will allow you to audit a page in your app, sort and filter the results.

Capturas de devtron

Ambas herramientas están utilizando la biblioteca Herramientas de desarrollo de accesibilidad creada por Google para Chrome. Usted puede aprender más acerca de las reglas de auditoría de accesibilidad que esta biblioteca usa en la wiki del repositorio.

Si conoces de otras herramientas de gran accesibilidad para Electron, añádelas al documentado de accesibilidad con un pull request.

Manually enabling accessibility features#

Electron applications will automatically enable accessibility features in the presence of assistive technology (e.g. JAWS on Windows or VoiceOver on macOS). Consulte la documentación de accesibilidad de Chrome para obtener más detalles.

You can also manually toggle these features either within your Electron application or by setting flags in third-party native software.

Ulizando la API de Electron#

By using the app.setAccessibilitySupportEnabled(enabled) API, you can manually expose Chrome's accessibility tree to users in the application preferences. Note that the user's system assistive utilities have priority over this setting and will override it.

Usando software de terceros#

macOS#

On macOS, third-party assistive technology can toggle accessibility features inside Electron applications by setting the AXManualAccessibility attribute programmatically:

CFStringRef kAXManualAccessibility = CFSTR("AXManualAccessibility");
+ (void)enableAccessibility:(BOOL)enable inElectronApplication:(NSRunningApplication *)app{    AXUIElementRef appRef = AXUIElementCreateApplication(app.processIdentifier);    if (appRef == nil)        return;
    CFBooleanRef value = enable ? kCFBooleanTrue : kCFBooleanFalse;    AXUIElementSetAttributeValue(appRef, kAXManualAccessibility, value);    CFRelease(appRef);}