udacity / ud891 Goto Github PK
View Code? Open in Web Editor NEWGoogle and Udacity course on Accessibility.
License: MIT License
Google and Udacity course on Accessibility.
License: MIT License
First excercise says:
<button aria-lavbel="Gumnut"> Eucalyptus </button>
but there is a typo in aria-lavbel which should be aria-label
Unfortunately, the user experience is poor when the modal contains links that appear below the fold. When you trigger the modal, it will give focus to the first link inside, therefore, disregarding the content above the link.
For sighted users, the user is thrown in the middle of the modal instead of the top. For blind users, the user never realizes there is content above the link.
I would like to make a PR, but I don't want to waste my time if no one is maintaining this
In Lesson 2, dom-order exercise there are wrong closing tags for h3 headings.
Do you accept PRs?
Hi, thanks for his awesome course. I ran the solution for the lesson specified in the title on both browsers mentioned, but tabbing does not tab through the links. What is the reason for this? It seems weird that focus accessibility does not work on Firefox.
ud891/lesson2-focus/07-modals-and-keyboard-traps/modal.js
Lines 40 to 58 in 8886e33
Hi, thanks for posting this course. I'm a new developer and I'm trying to do your exercises. I was unable to get the javascript to work using web server for chrome and editing via inspect (even though I did change both the html and main.js files), so I forked the code and downloaded it to use in atom or brackets. When launching in atom or brackets I can't get the main content to show. I only see the header and navbar. Selecting items in the navbar also do not show the main content. Can you give me any guidance? I was trying to do 03-managing-focus. Thank you!
Please add the following code to activate the router at line 27.
page.start();
There seem to be missing click handlers that connect the links to page
.
ud891/lesson2-focus/03-managing-focus/index.html
Lines 39 to 41 in 3a13521
Departure and arrival autocomplete entries are not read aloud when navigated with the keyboard.
Furthermore they do not inherit the styling from the parent wrapper div: <div class="wrapper blur">
The code for the live site appears to be different from the current repository. When I change the div to a button on the live site, text appears at the top with the secret word. When I do the same thing for the code I forked and cloned today, a picture appears in the background of a wombat but no secret text is visible.
If you click on a tab in this exercise, you accidentally get taken to a new page with the content of "entry not found." lesson2-focus/03-managing-focus/index.html#!/lesson2-focus/03-managing-focus/index.html
I believe the issue might be the result of a bad merge or something where the file that corresponds with the tab link is now missing:
Hello,
In the quiz instructions it asks to enter
it's just a slight bit misleading as the date inputs in the form are dd/mm/yyyy - it frustrated me for a few minutes!
Thanks!
In Quiz: Experience a Screen Reader, the screen reader clearly states the role of the form element as "Edit text, email entry". However this is marked incorrect, as the expected answer is "Edit text".
Hi and thanks for your awesome course!
It seems like something wrong with intro for Lesson 2 Exercise 14 (Implementing Keyboard Event Listeners), it shows just 3 seconds of static picture
It should be <link rel="stylesheet" href="main.css">
.
ud891/lesson6-styling/02-style-aria-states/solution/index.html line 8
with such a heavy focus on the checklist, is it possible to make a summary avaiable directly in the udacity course?
The second question on https://classroom.udacity.com/courses/ud891/lessons/8019995517/concepts/83106124892589030923 is incorrectly titled. It should be:
Which temporalities does the impairment concussion fit into? (check all that apply)
Hello, thanks for the awesome accessibility course! ๐
I didn't know about the existence of ChromeVox Lite and I thought it'd be a great tool to embed in project style guides--that way developers who are unfamiliar with screen readers can at least get some understanding of how a project's affordances are perceived by ATs.
However, a web search for "ChromeVox Lite" doesn't seem to turn up anything useful, aside from links to this repository. Is there an "official" version of ChromeVox Lite anywhere? Or should I just pull the source files out of this repository and embed it the way your exercises do?
I have been solving the quizzes through a fork but stumbled a bit while working on lesson3-semantics-built-in/05-writing-semantic-html. When I changed the div to a button, I expected to see the secret word after a page refresh. This didn't work and I realized later (after watching the solution and seeing the JS code) that I could only solve the problem by mutating the element through the console.
I think it would be nice for users to have the option of solving the problem with their own text editors. Any thoughts on this?
The screen reader only says NaN NaN when it gets to the date fields. If you click to a different tab and click back to the flight booking tab, it says departure date first, letting you know which field it's on. The header flashes in the screen reader when tabbing over to it so it appears that it's a priority issue.
The numbers also are only announced when you reach the year. Otherwise it continues to announce NaN NaN.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.