Post
Chee Aun 🤔
Chee Aun 🤔
@cheeaun@mastodon.social  ·  activity timestamp 2 weeks ago
Screenshot of a web page titled "Example 1: An organizational chart with links to individual pages," featuring explanatory text describing how the chart provides clickable links to directors’ home pages with text alternatives. The visual example shows a hierarchical organizational chart with light green rectangular nodes connected by black lines: "Davy Jones: Chairman" at the top; "Carole Brewster: Company Secretary" directly below; and three directors beneath—"Henry H Brown: Marketing Director", "Paula Holbein: Sales Director" and "Hugh Howard: Financial Director". Below the chart, a "Code" section displays HTML implementation details, including an `<img>` tag with `alt="Board of directors and related staff:"` and `usemap="#Map"`, followed by a `<map>` element with `<area>` tags defining clickable regions (e.g., `coords="176,14,323,58"` for Davy Jones) and corresponding `alt` attributes specifying names and roles (e.g., `alt="Davy Jones: Chairman"`). The example emphasizes accessibility through descriptive text alternatives for each linked area.
Screenshot of a web page titled "Example 1: An organizational chart with links to individual pages," featuring explanatory text describing how the chart provides clickable links to directors’ home pages with text alternatives. The visual example shows a hierarchical organizational chart with light green rectangular nodes connected by black lines: "Davy Jones: Chairman" at the top; "Carole Brewster: Company Secretary" directly below; and three directors beneath—"Henry H Brown: Marketing Director", "Paula Holbein: Sales Director" and "Hugh Howard: Financial Director". Below the chart, a "Code" section displays HTML implementation details, including an `<img>` tag with `alt="Board of directors and related staff:"` and `usemap="#Map"`, followed by a `<map>` element with `<area>` tags defining clickable regions (e.g., `coords="176,14,323,58"` for Davy Jones) and corresponding `alt` attributes specifying names and roles (e.g., `alt="Davy Jones: Chairman"`). The example emphasizes accessibility through descriptive text alternatives for each linked area.
Screenshot of a web page titled "Example 1: An organizational chart with links to individual pages," featuring explanatory text describing how the chart provides clickable links to directors’ home pages with text alternatives. The visual example shows a hierarchical organizational chart with light green rectangular nodes connected by black lines: "Davy Jones: Chairman" at the top; "Carole Brewster: Company Secretary" directly below; and three directors beneath—"Henry H Brown: Marketing Director", "Paula Holbein: Sales Director" and "Hugh Howard: Financial Director". Below the chart, a "Code" section displays HTML implementation details, including an `<img>` tag with `alt="Board of directors and related staff:"` and `usemap="#Map"`, followed by a `<map>` element with `<area>` tags defining clickable regions (e.g., `coords="176,14,323,58"` for Davy Jones) and corresponding `alt` attributes specifying names and roles (e.g., `alt="Davy Jones: Chairman"`). The example emphasizes accessibility through descriptive text alternatives for each linked area.
Home Login