GithubHelp home page GithubHelp logo

Comments (7)

SteveALee avatar SteveALee commented on June 14, 2024 1

The latest version of standalone_resource layout now supports the following in front matter and config.yml

  • type_of_guidance text will appear in HTML head title (eg browser tab) - eg APG
  • type_of_guidance missing or false then no text in HTML head title
  • type_of_guidance_in_content set to true will make text also appear above H1 on a page

So I suggest you set type_of_guidance: APG in config.yml so appears in ALL page titles only

from wai-aria-practices.

mcking65 avatar mcking65 commented on June 14, 2024

@shawna-slh

I agree this is a very important issue, and we need to resolve it before launch.

The current HTML title is:

text-of-h1 | WAI | W3C

To be consistent with what we have requested for the URI in #37, I'd like to suggest that we change the HTML title on all pages except the home page to:

text-of-h1 | APG | WAI | W3C

This is another situation where brevity adds a lot of value, especially for zoom and screen reader users.

from wai-aria-practices.

richnoah avatar richnoah commented on June 14, 2024

@mcking65 @shawna-slh we are currently not able to add | APG | to the string. The API takes the h1 for the page and adds | WAI | W3C to it. We do not have a means of appending to it.

This was after investigating the docs at https://wai-website-theme.netlify.app/writing/frontmatter/#title, the example config at https://github.com/w3c/wai-resource-template/blob/master/_config.yml, and I searched the entire WAI Resource template at https://github.com/w3c/wai-resource-template and the entire WAI theme.

An override would not work in this instance. Both the h1 and title tag should work even if JS is turned off. Since these elements are heavily used by search engines and bots it is advisable to not implement an override.

from wai-aria-practices.

shawna-slh avatar shawna-slh commented on June 14, 2024

@SteveALee Feel free to address this directly, or talk with me first, as you wish. :-)

from wai-aria-practices.

shawna-slh avatar shawna-slh commented on June 14, 2024

I think I updated this info somewhere, but can't find it. So I'm adding it here for the record.

My preference is to include ARIA:

text-of-h1 | ARIA APG | WAI | W3C

Yet I'm OK without ARIA as Matt prefers:

text-of-h1 | APG | WAI | W3C

from wai-aria-practices.

mcking65 avatar mcking65 commented on June 14, 2024

I have reviewed the preview of #62, and this issue is addressed.

from wai-aria-practices.

mcking65 avatar mcking65 commented on June 14, 2024

Verified still fixed after today's changes to #62.

from wai-aria-practices.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.