search

Mgphone / My-Coursework-Planner

0 stars 0 forks source link

[TECH ED] Record a Goose #40

Open Mgphone opened 3 weeks ago

Mgphone commented 3 weeks ago

Link to the coursework

https://github.com/CodeYourFuture/Project-Record-A-Goose

Why are we doing this?

A mission of discovery for you.

  1. Go to https://github.com/CodeYourFuture/CYF-Record-A-Goose-Project
  2. Using Devtools, Lighthouse, and the WAVE accessibility plugin, find all the ways this app is broken
  3. How would you fix the problems? Discuss in a thread in your channel.

This is also a fun in-person workshop, so you could choose to do it in a class or coworking space together.

https://record-a-goose.onrender.com/

Maximum time in hours

2

How to get help

You could choose to do this in class together during independent study time.

How to submit

Write up your findings in a thread in your class channel.

Don't make a new post each. Discuss in a thread.

How to review

It is a review! ;)

Anything else?

Mgphone commented 2 weeks ago

1.In the Do You like Geese ther eis two errors a.Element has insufficient color contrast of 2.7 (foreground color: #9d9da1, background color: #ffffff, font size: 14.3pt (19px), font weight: normal). Expected contrast ratio of 4.5:1Element has insufficient color contrast of 2.7 (foreground color: #9d9da1, background color: #ffffff, font size: 14.3pt (19px), font weight: normal). Expected contrast ratio of 4.5:1 Use foreground color: #717173 and the original background color: #ffffff to meet a contrast ratio of 4.87:1. b.Document does not have a non-empty element</p> <p>2.In the Tab of What type of goosed did you see have one errors And In the Tab of When did you see the goose have same errors <strong>a.</strong>ensures iframes and element have an accessible name</p> <h2><em>Fix ONE of the following:Element has no title attributearia-label attribute does not exist or is emptyaria-labelledby attribute does not exist, references elements that do not exist or references elements that are emptyElement's default semantics were not overridden with role="none" or role="presentation"</em></h2> <p>3.Goose recorded - Record a goose sighting got one error <strong>a</strong> In the image threre is no altrnative text</p> </div> </div> <div class="page-bar-simple"> </div> <div class="footer"> <ul class="body"> <li>© <script> document.write(new Date().getFullYear()) </script> Githubissues.</li> <li>Githubissues is a development platform for aggregating issues.</li> </ul> </div> <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script> <script src="/githubissues/assets/js.js"></script> <script src="/githubissues/assets/markdown.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/highlight.min.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/languages/go.min.js"></script> <script> hljs.highlightAll(); </script> </body> </html>