Melanie Sumner ist Softwareentwicklerin, die sich auf digitale Barrierefreiheit spezialisiert hat. Wir haben über ihren Weg zu Engineering, barrierefreies Design, Ember.js und die Bedeutung der Finanzierung dieser Bemühungen gesprochen.
In diesem Beitrag wird im Rahmen von Learn Accessibility ein Community-Experte vorgestellt.
Alexandra White: Danke, dass ihr da seid! Wer sind Sie und was tun Sie?
![Melanie Sumners Porträtfoto.](https://web.dev/static/blog/community-highlights/melanie/image/melanie-sumners-headshot.png?authuser=6&hl=de)
Melanie Sumner: Ich heiße Melanie Sumner und bin Softwareentwicklerin auf digitale Barrierefreiheit spezialisiert ist. Ich schreibe Code für das Web 25 Jahre. Meine erste Karriere war... eine Art Spion. war ich als Analyseanalystin und Programmieren war mein Hobby.
Ich habe es nicht wirklich gut gemacht, ein Spion zu sein. Es stellte sich heraus, dass ich den Tod nicht gern mochte. Wie die meisten nicht, wenn sie näher dabei sein müssen. Ich musste mich entscheiden, und es war an der Zeit, mein Hobby zum Beruf zu machen. In den letzten Seit 10 Jahren habe ich mich wirklich auf Softwareentwicklung im Bereich und zwar im Besonderen.
Alexandra: Man hört nicht oft: „Oh, zuerst, ich war ein Spion.“ Keine große Sache. Was? die Sie in die Barrierefreiheitsarbeit gebracht haben?
Melanie: Ich habe an der [UNC] Chapel der University of North Carolina gearbeitet der damaligen Zeit im Department of Development. Sie sind nicht gleichbedeutend mit Entwicklung wie Webentwicklung, sondern auch Entwicklung wie Fundraising.
Mein direkter Vorgesetzter hatte eine Sehbeeinträchtigung und musste 400 %, um sie zu sehen. Er war ein fantastischer Softwareentwickler. Wahrscheinlich die beste Führungskraft Ich habe es schon einmal erlebt. Aber er hat meine Sachen kaputtgemacht, zoomen, um meine Arbeit anzusehen. Hätte ich nicht darüber nachgedacht, kaputt, würden sie kaputt gehen.
Der Chef meines Vorgesetzten war farbenblind. Ich weiß nicht, ob du weißt, was UNC Blue ist sieht aus wie, aber es ist ein hellblauer Himmel. Und sie liebten es, es auf Weiß zu verwenden.
Alexandra: (lacht) Oh nein.
Melanie: Sein Chef hat sich immer beschwert, dass er meine Arbeit nie sehen konnte. Ich für unsere Websites einen Satz Komplementärfarben und ein Farbschema entwickeln. Das hat mich dazu gebracht, über Farbkontraste nachzudenken und darüber nachzudenken, wie Menschen mit farbenblinde oder anderweitig sehbehinderte Nutzer im Internet.
Da die UNC eine staatliche Universität ist, Anforderungen auf US-Bundesbehörden um die WCAG-Konformitätsstufe AA zu erfüllen. Wir strebten Konformitätsstufe AAA an, weil eine Bildungseinrichtung.
Als ich mehr über die Anforderungen auf bundesstaatlicher und nationaler Ebene erfuhr und mit dem Lesen W3C-Spezifikation zur Barrierefreiheit überlegte, dachte ich: "Alle macht das Sinn.“ Soweit ich erkennen konnte, entsprach der Großteil des Internets nicht den Richtlinien. von Menschen beschäftigen sich natürlich schon so lange an der Barrierefreiheit im Internet, existierte. Manchmal sind insbesondere JavaScript-Entwickler langsam zu langsam. hinsichtlich digitaler Barrierefreiheit eine wichtige Rolle.
Barrierefreiheit ist für mich die letzte Grenze im Web. Viele nette Leute arbeiten Automatisierung für Barrierefreiheit – und wir müssen an Lösungen arbeiten, wie wir andere Probleme wie Leistung und Sicherheit angegangen sind.
Alexandra: Wahrscheinlich hast du schon viele lange, komplexe Dokumente gelesen, bei der Navy und bei der UNC. Fanden Sie es schwierig, die Spezifikationen zu verstehen?
Melanie: Ich musste es fünfmal lesen, bevor ich es verstand – und Ich würde vorher andere Spezifikationen lesen. Ich sage den Leuten immer: „Du musst dich nicht schlecht fühlen, wenn du verstanden, da ich die Spezifikation fünfmal lesen musste! Ich mache keinen Witz.
Es dauert eine Weile, sich an die Spezifikationssprache zu gewöhnen. Und wenn Sie keine kann es das Falsche tun. Außerdem ist es wichtig zu verstehen, dass ein Großteil der Spezifikationssprache für Browserentwickler gedacht ist. Suchen Sie nach „Autoren sollten“, denn das bezieht sich auf Webentwickler.
Alexandra: Vieles im Web könnte besser sein, wenn mehr Entwickler wüssten, wie sie die technischen Daten zu entschlüsseln.
Melanie: Bei Websites, bei denen die Interpretation von dir. Ich habe a11y-automation.dev erstellt und die Website ist so etwas wie mein Baby, mein Nebenprojekt. Ich versuche, jede Barrierefreiheit und mit den entsprechenden Erfolgskriterien der WCAG verknüpft. Wenn es um den Fehler zu vermeiden, empfehle ich Ihnen diese Lösung.
Sie könnten sich mit der Liste der potenziellen Verstöße vertraut machen, aber ist es wichtig zu lernen, wie sie behoben werden. Bei automatischen Korrekturen, die nicht vorhanden sind: sind Sie vielleicht inspiriert, einen Linter oder eine Vorlage zu schreiben – vielleicht eine Art Test zu schreiben.
Ich arbeite lieber mit Open Source, bieten Verbesserungen (manchmal eine Verbesserung, manchmal nicht, versuchen alle unser Bestes. Wir bauen auf den Dingen des anderen auf und am Ende schaffen wir so ein tolles Ergebnis für das Web.
So finanzieren Sie die Barrierefreiheit
Alexandra: Es hat mich wirklich angezogen pleasefunda11y.com. Es ist wirklich wichtig, Entwickelnden lernen, wie man barrierefreie Websites erstellt. Das wird aber nicht immer der Fall sein, ohne Finanzierung und Genehmigung durch die Geschäftsleitung verfügbar. Warum hat entschließen Sie sich, diese Website zu erstellen?
Melanie: Ich war frustriert, weil Barrierefreiheit so unzureichend finanziert wird. Alle von dass die Open-Source-Finanzierung weiterhin an das Preisvergleichsportal fließt. Ich liebe CSS, wir können so viel damit zu tun.
Ich habe die Website erstellt, weil Addy Osmani – ein Chrome Software Engineering Manager. Er sagte, ich sah, Er bat um Finanzierung für Barrierefreiheit, er wollte aber Ratschläge zu den konkreten Arbeiten finanziert werden könnte. Das ist ein großes Problem: Open-Source-Förderer möchten Geld spenden, und nicht auf allgemeine Ideen, die kein bestimmtes Ergebnis haben. Ich nahm etwas Zeit, um bestimmte Initiativen zu notieren, was erforderlich ist und wie sie helfen, Websites zugänglich zu machen.
Selbst wenn Unternehmen ohne mich auf diese Bemühungen hinarbeiten, könnten wir die Barrierefreiheit des Internets wirklich entscheidend voranbringen. Es ist ein sehr kleiner im Vergleich zu anderen Onlinekampagnen. Dies hätte große Auswirkungen das Leben der Menschen.
Die aktuelle Denkweise ist oft: „Wie viele Menschen Behinderung?“ Sie sollte lauten: „In welcher Beziehung steht eine Person zu ihrer Technologie?“
Und manche Leute haben gesagt: „Ich glaube, Farbenblindheit ist nicht Behinderung.“ Es ist nicht möglich, dass Sie sich als Menschen mit Beeinträchtigung identifizieren, farbenblinden Menschen, aber das beeinträchtigt Ihr Verhältnis zur Technologie.
Alexandra: Erzähl mir mehr darüber, wie du deine Beziehung zu Technologie. In welchem Zusammenhang steht das mit der Barrierefreiheit?
Melanie: Wenn du zum Beispiel neurodivers bist, brauchst du vielleicht ganz einfach Sprache und eine klare Wegbeschreibung. Die Navigation durch Bildschirmen zusammen, wobei einige Entscheidungen getroffen werden, bis Sie bis zum Ende. Es gibt keine guten Anleitungen für moderne technische Anwendungen.
Es gibt ganze Unternehmen, die DevOps anbieten. Websites denken, dann sagt man „Oh mein Gott!“ weißt du? Wir versuchen, die Küchenspüle in all unsere Benutzeroberflächen.
Alexandra: Kannst du ein Beispiel nennen?
Melanie: Beispielsweise bietet GitHub Drop-down-Menüs mit verschachtelten Tabs. Und [seufzt genervt]. Ich kann mich nicht aufregen (auch nicht, wenn ich frustriert bin). Das moderne Web muss wachsen, um neuen Anforderungen gerecht zu werden. Aber wir haben auch eine Verantwortung, dass niemand zurückbleibt.
Das ist es, was mich antreibt, das ist meine Leidenschaft. Ich möchte nicht, dass jemand da die Tools, die sie dafür benötigen, nicht verfügbar sind.
Alexandra: Einhundert Prozent. Viele denken darüber nach, für ihre externen Nutzenden zugänglich sind, aber nicht unbedingt über ihre Mitarbeitenden.
Melanie: Ich dachte, diese Finanzierungsberatung würde dass alle davon profitieren.
Immer wieder höre ich von Ingenieuren, dass sie gerne für Barrierefreiheit sorgen würden, aber „meine Unternehmen interessiert.“ Ich wette, das ist ihnen egal! Sie müssen nur das Geschäft überbrücken Logiklücke. Zeigen Sie ihnen das vorteilhafte Ergebnis für das Unternehmen. Die Website ist geöffnet. Quelle natürlich. Ich liebe es, Beiträge und Änderungen
Alexandra: Bedienungshilfen werden oft erst am Ende des Prozesses erläutert, z. B. „Oh können wir das einfach später zugänglich machen.“ Aber es wird viel mehr Zeit in Anspruch nehmen, mehr hinzufügen, als dies bei der Integration barrierefreier Praktiken Projekt arbeiten.
Melanie: Ich sage oft: „Möchtest du dafür bezahlen, nur einmal bauen zu müssen, oder für das Doppelte bezahlen müssen?“
Ember.js und das grundlegende Team für Barrierefreiheit
Alexandra: Ich weiß, dass Sie auch im Ember.js-Framework-Kernteam tätig sind. Wie sind Sie dazugekommen?
Melanie: Ich wurde eingestellt, um bei JPMorgan Chase in dessen Unternehmen Investment-Banking-Plattformen. Ember ist ein leistungsstarkes JavaScript-Framework, das verwendet wird wenn ihr eine wirklich stabile (vielleicht sogar etwas langweilige) Basis braucht, vermeiden Sie es, Code zu schreiben, der viele Bankdoller verliert. Glatze hat eine umgekehrte Kompatibilitätsgarantie – Sie können jedes Mal ein Upgrade durchführen, selbst wenn Hauptversion. Wir versuchen wirklich, Dinge inkrementell zu tun, für Ihre App.
Wie auch immer, ich bin auf einer Ember-Konferenz dabei und traf viele Leute im Community. Die Grotten waren so nett. Und es gibt starkem Verhaltenskodex, den ich die sie an anderer Stelle noch nicht gesehen haben.
Als ich aus dem Militär rauskam, wollte ich in Sicherheit gehen. Ich war in einer und keine weitere Frau gesehen. Einer der älteren Jungs schaute mich an und fragte: „Bist du dir sicher, dass du im richtigen Raum bist, Liebling?“
Alexandra: [Broans] Es tut weh. Und es ist nicht überraschend. Ich habe etwas Ähnliches erlebt haben.
Melanie: Ich möchte sagen, dass es 2011, vielleicht 2012 war. Die Situation hat sich verändert sehr wichtig. Ich blieb diese Nacht während des Meetups, um einen Standpunkt zu beweisen. Ich war nicht lässt mich dieser Kommentar lahmlegen. Ich habe Witze gemacht, gute Notizen gemacht haben sich an der Unterhaltung beteiligt, sodass die Leute wussten, dass ich dort war. Ich fühle mich in meiner Karriere gezeigt hat, dass Männer falsch sind.
Aber ich möchte nicht, dass Frauen zu Softwareentwicklern werden, nur um Männern Unrecht zu beweisen. Ich wollte Softwareentwicklerin werden und erstaunliche Dinge schaffen, denn es macht Spaß, was Sie tun können. Frauen sollten diese Karriereoption haben.
Alexandra: Auf jeden Fall.
Melanie: Ich habe mein Wissen über Barrierefreiheit mit der Ember-Community geteilt. Denn als Bankenplattform müssen Sie sich natürlich an die US-Bundesgesetze Anforderungen. Yehuda Katz und Tom Dale sagten: „Wir haben eine Lücke im Team. Mi. viele JavaScript-Experten, Leistungsexperten und andere und wir brauchen jemanden, der sich mit Barrierefreiheit auskennt.“ Und sie haben mich eingeladen, um zum Kernteam zu werden.
Ich arbeite an Initiativen, die dazu beitragen, dass Ember standardmäßig zugänglich ist. Das bedeutet,
Wenn du „ember new <my-app-name>
“ sagst, solltest du sofort die WCAG passieren
Erfolgskriterien.
Alexandra: Ich habe auf GitHub eine lange Liste von Bedienungshilfen für Ember gesehen. Haben Sie festgestellt, dass sich Mitglieder der Ember-Community freuen, diese Tools?
Melanie: Das war ein sehr spannender Teil dieser Arbeit. Von mir geschrieben Linting-Regeln für Barrierefreiheit von Ember während der Arbeit bei LinkedIn. Dann ging ich LinkedIn, um für Hashicorp zu arbeiten, und andere weil es für sie nützlich ist. Das ist der Teil dieser Arbeit, der mir die mich entspannt und aufregt.
Wir akzeptieren, dass Barrierefreiheit grundsätzlich ein Bürgerrecht ist. Das stimmt nicht zur Diskussion.
Wir besprechen folgende Fragen: Was können wir umsetzen? Wann? Wie machen wir das? Wie können wir und abwärtskompatibel machen? Wie helfen wir Entwicklern, Barrierefreiheit ohne große Zusatzfunktionen zu entwickeln, die sie entwickeln oder wie viel geplant?
Alexandra: Barrierefreiheit ist ein Bürgerrecht. Das bringt mich kalt! Es die wir alle als Wahrheit kennen.
Melanie: Viele Leute haben mir uninformierte Dinge gesagt, z. B. „Ich würde keine wenn ich blind wäre.“ Oder: „Warum muss ich über Beeinträchtigungen nachdenken? wenn es nur 5% meiner Nutzer und 90% meiner Nutzer sehen?“ Ich werde nicht diese Gespräche führen, da sie oft von der Arbeit abgelenkt werden.
Wenn Sie barrierefreien Code schreiben, erzielen Sie
Leistungssteigerungen,
denken Sie über die Erstellung von Websites nach den W3C-Spezifikationen nach. Sie verwenden das
semantischen HTML-Code statt nur div-Elemente
und Sie verwenden Überschriften. Sie wählen eine
<button>
statt einem <div>
ein Klickereignis hinzuzufügen, und Sie erhalten
Leistungssteigerungen.
Eines tun: Barrierefreiheit automatisieren
Alexandra: Was sollten Webentwickler tun, um barrierefreie Websites?
Melanie: Füge Automatisierung hinzu. Mit einem vorhandenen Linter für einen beliebigen Framework unabhängig von der Art von Code, den Sie verwenden. Ist mir egal, welcher die Sie verwenden! Ihr Build sollte fehlerhaft sein, wenn eine dieser Regeln verletzt wird.
Manche Dinge können nicht automatisiert werden, weil KI noch nicht die Absicht entschlüsseln kann. Für Beispiel: Der Alt-Text eines Bildes sollte aussagekräftig sein. Aber was bewirkt das meinen? Im Moment muss der Mensch das erkennen – keine Automatisierung.
Aber ein automatisiertes Tool sagt Ihnen, dass Sie Farbkontrast.“ Nur und das Problem zu beheben. Streit nichts dagegen und sag nicht „Aber ich will nicht, ich bevorzuge es so.“ Hierbei geht es nicht um Sie. Unser Ziel ist es, das, was wir tun, für alle jeden Tag um die Welt.
Barrierefreiheit ist eine Reise, und man lernt immer dazu. Ich war auf Barrierefreiheit spezialisiert. Ich lerne immer noch neue immer wieder neu! Gehen Sie nicht in die Defensive, tun Sie es einfach.
Aktuelle Informationen zu Melanies Arbeit finden Sie auf ihrer Website unter melanie.codes und Twitter @a11yMel Ihre Ressourcen zur Barrierefreiheit auf pleasefunda11y.com, a11y-info.com und a11y-automation.dev