Title: Update svg accessible name guidance · Issue #53 · github/erblint-github · GitHub
Open Graph Title: Update svg accessible name guidance · Issue #53 · github/erblint-github
X Title: Update svg accessible name guidance · Issue #53 · github/erblint-github
Description: 1. Add a `
Open Graph Description: 1. Add a `
X Description: 1. Add a `<title>` inside the SVG, with the alt text/name. 2. Give the `<title>` an ID. 3. Apply `aria-labelledby` to the SVG, pointing to the ID of the `<title>` inside of it. Th...
Opengraph URL: https://github.com/github/erblint-github/issues/53
X: @github
Domain: patch-diff.githubusercontent.com
{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"Update svg accessible name guidance","articleBody":"```\r\n1. Add a `\u003ctitle\u003e` inside the SVG, with the alt text/name.\r\n2. Give the `\u003ctitle\u003e` an ID.\r\n3. Apply `aria-labelledby` to the SVG, pointing to the ID of the `\u003ctitle\u003e` inside of it.\r\n```\r\n\r\nThis approach has maximum compatibility and should be recommended above all other approaches. Not sure if we would necessarily want to flag the other approaches as errors though... 🤔\r\n\r\n[GitHub Staff-only link svg-alt-text](https://github.com/github/accessibility/pull/2273/files)","author":{"url":"https://github.com/khiga8","@type":"Person","name":"khiga8"},"datePublished":"2022-12-21T17:54:03.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":0},"url":"https://github.com/53/erblint-github/issues/53"}
| route-pattern | /_view_fragments/issues/show/:user_id/:repository/:id/issue_layout(.:format) |
| route-controller | voltron_issues_fragments |
| route-action | issue_layout |
| fetch-nonce | v2:ad4911d5-c31e-3491-1628-d8f189cb9e83 |
| current-catalog-service-hash | 81bb79d38c15960b92d99bca9288a9108c7a47b18f2423d0f6438c5b7bcd2114 |
| request-id | E986:5A473:33D369:438C30:698D5C5D |
| html-safe-nonce | e84b1a5ae74ebc0411e22e1d3d363b2ba7f088b5aced49ad2d9faad04e51b89d |
| visitor-payload | eyJyZWZlcnJlciI6IiIsInJlcXVlc3RfaWQiOiJFOTg2OjVBNDczOjMzRDM2OTo0MzhDMzA6Njk4RDVDNUQiLCJ2aXNpdG9yX2lkIjoiMjY2NTM0MDcwMjg5Njc3NDIzNyIsInJlZ2lvbl9lZGdlIjoiaWFkIiwicmVnaW9uX3JlbmRlciI6ImlhZCJ9 |
| visitor-hmac | 4ca5e53a3d0575dd8426b1852b68ed15e9ecb5eaf72d6065d9ac91b7e032eb26 |
| hovercard-subject-tag | issue:1506704051 |
| github-keyboard-shortcuts | repository,issues,copilot |
| google-site-verification | Apib7-x98H0j5cPqHWwSMm6dNU4GmODRoqxLiDzdx9I |
| octolytics-url | https://collector.github.com/github/collect |
| analytics-location | / |
| fb:app_id | 1401488693436528 |
| apple-itunes-app | app-id=1477376905, app-argument=https://github.com/_view_fragments/issues/show/github/erblint-github/53/issue_layout |
| twitter:image | https://opengraph.githubassets.com/e2c995c50bbe881263dd5382769125a832e1c0b9c18ab8a518fa7098a51f255c/github/erblint-github/issues/53 |
| twitter:card | summary_large_image |
| og:image | https://opengraph.githubassets.com/e2c995c50bbe881263dd5382769125a832e1c0b9c18ab8a518fa7098a51f255c/github/erblint-github/issues/53 |
| og:image:alt | 1. Add a ` |
| og:image:width | 1200 |
| og:image:height | 600 |
| og:site_name | GitHub |
| og:type | object |
| og:author:username | khiga8 |
| hostname | github.com |
| expected-hostname | github.com |
| None | c0818105fa276287e9369cfdefa0a0fa7953719791ceff9b94d69623c0a4fe8a |
| turbo-cache-control | no-preview |
| go-import | github.com/github/erblint-github git https://github.com/github/erblint-github.git |
| octolytics-dimension-user_id | 9919 |
| octolytics-dimension-user_login | github |
| octolytics-dimension-repository_id | 419022203 |
| octolytics-dimension-repository_nwo | github/erblint-github |
| octolytics-dimension-repository_public | true |
| octolytics-dimension-repository_is_fork | false |
| octolytics-dimension-repository_network_root_id | 419022203 |
| octolytics-dimension-repository_network_root_nwo | github/erblint-github |
| turbo-body-classes | logged-out env-production page-responsive |
| disable-turbo | false |
| browser-stats-url | https://api.github.com/_private/browser/stats |
| browser-errors-url | https://api.github.com/_private/browser/errors |
| release | a95a17cc440c14d4fcddc0641bc1136fa8d908f0 |
| ui-target | full |
| theme-color | #1e2327 |
| color-scheme | light dark |
Links:
Viewport: width=device-width