Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Browser Compatibility lesson: Add link to infographic video #28825

Conversation

TitanTankNate
Copy link
Contributor

@TitanTankNate TitanTankNate commented Sep 20, 2024

Added link to infographic video detailing the "browser wars"

Resolves issue #28783

Because

An additional link to a video detailing the "browser wars" will quickly catch visual learners up to speed on why Chrome is the browser choice for TOP as well as give them a brief visual history of browsers, in general.

This PR

  • Adds a link to the "most-used-browser" section

Issue

Closes #28783

Additional Information

Pull Request Requirements

  • I have thoroughly read and understand The Odin Project curriculum contributing guide
  • The title of this PR follows the location of change: brief description of change format, e.g. Intro to HTML and CSS lesson: Fix link text
  • The Because section summarizes the reason for this PR
  • The This PR section has a bullet point list describing the changes in this PR
  • If this PR addresses an open issue, it is linked in the Issue section
  • If any lesson files are included in this PR, they have been previewed with the Markdown preview tool to ensure it is formatted correctly
  • If any lesson files are included in this PR, they follow the Layout Style Guide

Added link to infographic video detailing the "browser wars"

Resolves issue TheOdinProject#28783
@github-actions github-actions bot added the Content: Intermediate HTML/CSS Involves the Intermediate HTML/CSS course label Sep 20, 2024
@@ -20,7 +20,7 @@ The release of Nexus was just the beginning though, as in the next decade people

In 1995 the world got introduced to the first version of Internet Explorer, which became the dominant player in the market. At some point, Internet Explorer was used by more than 90% of all users. To counter this dominance, Netscape launched what would become Mozilla Foundation which develops and maintains Firefox. Soon after that, in 2003, Apple launched Safari, and in 2008, Google launched Chrome.

You're most likely familiar with most, if not all these names.<span id="most-used-browser"> There is a lot of competition among browsers still to this day, even though Chrome (and [Chromium](https://en.wikipedia.org/wiki/Chromium_(web_browser))) is the dominant player in the market</span>.
You're most likely familiar with most, if not all these names.<span id="most-used-browser"> There is a lot of competition among browsers still to this day (as seen in [this infographic video](https://www.youtube.com/watch?v=W4wWdmfOibY)), even though Chrome (and [Chromium](https://en.wikipedia.org/wiki/Chromium_(web_browser))) is the dominant player in the market</span>.
Copy link
Contributor

@MaoShizhong MaoShizhong Sep 21, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

For accessibility, we need to make sure links have descriptive labels without "this" or "here". Otherwise, users with screen readers navigating by links would simply get something like "this infographic video - link" read out to them, which does not provide sufficient context for what the linked resource is about or what site it leads to.

Below is a minimally invasive suggestion that should provide enough description for the link.

Suggested change
You're most likely familiar with most, if not all these names.<span id="most-used-browser"> There is a lot of competition among browsers still to this day (as seen in [this infographic video](https://www.youtube.com/watch?v=W4wWdmfOibY)), even though Chrome (and [Chromium](https://en.wikipedia.org/wiki/Chromium_(web_browser))) is the dominant player in the market</span>.
You're most likely familiar with most, if not all these names.<span id="most-used-browser"> There is a lot of [competition among browsers](https://www.youtube.com/watch?v=W4wWdmfOibY) still to this day, even though Chrome (and [Chromium](https://en.wikipedia.org/wiki/Chromium_(web_browser))) is the dominant player in the market</span>.

@TitanTankNate
Copy link
Contributor Author

Just bumping this to say I will get this done today or tomorrow. Had surgery a few weeks ago, so I've been out while on meds and in pain. Now I'm feeling up to work, so I'll get right to this. Didn't know about the accessibility issue with pronouns inside link descriptive labels, so I'll keep it in mind for the future.

@MaoShizhong
Copy link
Contributor

Superceded by #28959

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Content: Intermediate HTML/CSS Involves the Intermediate HTML/CSS course
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Intermediate HTML and CSS | Browser Compatibility: Add Infographic Video
2 participants