Bestand wählen
Merken

MiniTalk: Accessibility in Ember

Zitierlink des Filmsegments
Embed Code

Automatisierte Medienanalyse

Beta
Erkannte Entitäten
Sprachtranskript
the my
policy in a talk of accessibility very quickly of as we just seeing and sometimes it's not very easy to see the screen you're working with so the particularly relevant to the and I realize what a menudo was saying in the keynote about and being of the benefit from everybody using the same technology structuring their apps in the same way and not having to the experts in like very specific aspects of the technology being able to use like high level knowledge from the community and really like the a take advantage of that and I think accessibility is 1 of these topics and you don't have to know a lot about accessibility to benefit from what the people are doing in the community in this area so it says this is a pretty broad topic and I'm just gonna talk about screen readers today so alternative title for the toll could be and would rebel voices normally we get low structure from the DOM in terms of like being able to give the content of the page to the user by reading out from the browser and in the case of Amber apps we do so much manipulation through like data bindings and through transitions that sometimes the content changes on the page and all those visually there it doesn't actually make it to the screen reader so the if you visually impaired you you just don't know about the changes that happened on and then they
work as as the we're complements company assignments it's going and if you want to come up with us to talk to me after the of my most of the day and we we held a hot day st and had like a bunch of people in and we made the thank you low really just great contributions and 1 of which was uh Nathan Hammond and I had on
producing an add-on that you can instill in your apps and that rule help to improve the accessibility for your websites so we're aiming to build a collection of tools said the and that like just really help you out making your apps more accessible and in this particular case we're looking at
improving how navigation happens for people using screen readers how screen reader works as it goes through your page starts from the top and just resettled the content to arms and then when you navigate it will then start again from the top and then read out a whole page 2 so in the case of Amber apps and if we have nested routs that's really great because we can and just look at the content that has changed and we actually use the same code in liquid fire to detect like what the state of all the outlets in the application trees looked like before we made a transition and what it's gonna look like after the transition and then detect all of the content this change so in this case before the king and the observer and I I was searching for an atom that we want to see when we actually call of the ad on page it's just that section there about the content of the atom that we want to be and Red to us so we're on once you've
installed a member 11 why we need to do is replace your instances of outlet with the folks in yellow and then it should just start magically doing everything the in
and in particular we were using Amber over to prepare an example insulation for this and and it was super easy to do and intersection of emotion to master so you can in principle find a favor Adams with your eyes closed the Ministry of that of like what using a screen reader sounds like a mother like navigation experiences like and we should notice the lake when we open the page for the on and it doesn't start at the top Oregon search for Adam's maintainers and categories insertion at beginning of text search for Adam's maintainers and categories that text you work on the on text field to 1 end of the and not having that list you I think this is like everyone 1 when a collection Prescott Emory 1 1 by a collection of tools to build accessible Amber applications so yeah crazy Rabelais to from the so like not everybody uses
all facility in terms of like getting this to work we there is like a little bit of factory around the main like piece of technology that like I think everybody should know is that they give the screen reader the notice that like you need to start reading here you actually set the focus of the element in the Don and and there's a couple of things here we found that setting the time 2 minus 1 is naturally and really helped us out in terms of like how it treats the content that is going to read out this like lots of different settings that you can actually sat there and we set the role attribute to group and we found that that what's best given that we will typically dealing with like a section of content on the page and the other thing to note is that by the fall it will scroll the content to the place where you're focusing and that's like really annoying for people you can actually see the page so now we just swallow up that like next older than that happens and then we focus the element and eventually we wanna give everybody a bit more finding grained control on how you agree things out so instead of necessary using the like the liquid stuff with the outlets so we could potentially just have like a can of component use like a block out and which will detect any changes inside their arms and that would involve actually like hijacking some of the stream stuff which happens under the hood with and so it's like super experimental at this point but I we're lucky to have a lot of like super-smart people working on
this and try to get the word out so far yeah thank you very much and late start using the other thank you the my
Videokonferenz
Code
Roboter
Schnelltaste
App <Programm>
Flächeninhalt
Gruppenoperation
Mathematisierung
Störungstheorie
Inhalt <Mathematik>
Datenstruktur
Term
Touchscreen
Homepage
Übergang
App <Programm>
Web Site
Mathematisierung
Gruppenoperation
Luenberger-Beobachter
Kartesische Koordinaten
Schlussregel
Routing
Flüssiger Zustand
Code
Homepage
Netzwerktopologie
Komponente <Software>
Luenberger-Beobachter
Garbentheorie
Inhalt <Mathematik>
Hilfesystem
Touchscreen
Aggregatzustand
Softwarewartung
Einfügungsdämpfung
Datenfeld
Kategorie <Mathematik>
Gebäude <Mathematik>
Kategorie <Mathematik>
Mailing-Liste
Kartesische Koordinaten
Einfügungsdämpfung
Touchscreen
Homepage
Instantiierung
Bit
Subtraktion
Punkt
Element <Mathematik>
Mathematisierung
Gruppenkeim
Programmschema
Dienst <Informatik>
Element <Mathematik>
Term
Homepage
Streaming <Kommunikationstechnik>
Code
Vererbungshierarchie
Zusammenhängender Graph
Inhalt <Mathematik>
Ereignishorizont
Touchscreen
Attributierte Grammatik
Fokalpunkt
Videokonferenz
Menge
Funktion <Mathematik>
Gruppenkeim
Gamecontroller
Faktor <Algebra>
Garbentheorie
Wort <Informatik>

Metadaten

Formale Metadaten

Titel MiniTalk: Accessibility in Ember
Serientitel Ember Conf 2016
Autor Holmes, Ben
Lizenz CC-Namensnennung - Weitergabe unter gleichen Bedingungen 3.0 Unported:
Sie dürfen das Werk bzw. den Inhalt zu jedem legalen und nicht-kommerziellen Zweck nutzen, verändern und in unveränderter oder veränderter Form vervielfältigen, verbreiten und öffentlich zugänglich machen, sofern Sie den Namen des Autors/Rechteinhabers in der von ihm festgelegten Weise nennen und das Werk bzw. diesen Inhalt auch in veränderter Form nur unter den Bedingungen dieser Lizenz weitergeben.
DOI 10.5446/34708
Herausgeber Confreaks, LLC
Erscheinungsjahr 2016
Sprache Englisch

Inhaltliche Metadaten

Fachgebiet Informatik

Ähnliche Filme

Loading...
Feedback