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.

Sign up for GitHub

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

Text is clipped: "link to a full version" #2200

Open
wants to merge 4 commits into
base: develop
Choose a base branch
from
Open

Text is clipped: "link to a full version" #2200

Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
a296e83
.
dan-tripp-siteimprove Jun 28, 2024
5fa4526
Update _rules/zoom-text-no-overflow-clipping-59br37.md
dan-tripp-siteimprove Aug 1, 2024
e8a1ece
passed example 3: duplicating suggestion by wilco in 5fa45261ada76306…
dan-tripp-siteimprove Aug 1, 2024
7e4e9bb
Merge branch 'develop' into test-is-clipped-link-to-full-version-june…
dan-tripp-siteimprove Aug 1, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions _rules/zoom-text-no-overflow-clipping-59br37.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -85,7 +85,7 @@ This [text node][] is fully [visible][] at a [viewport size][] of 640 by 512.

#### Passed Example 2

This [text node][] is [horizontally clipped][] using `text-overflow: ellipsis` at a [viewport size][] of 640 by 512. A link to a full version of the poem is also provided.
This [text node][] is [horizontally clipped][] using `text-overflow: ellipsis` at a [viewport size][] of 640 by 512. This fulfills expectation 1. A link to a full version of the poem is also provided. The link to the full version is not required by this rule, but is necessary to satisfy [success criterion 1.4.4 Resize text][sc144].

```html
<div style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px;">
Expand All @@ -97,7 +97,7 @@ This [text node][] is [horizontally clipped][] using `text-overflow: ellipsis` a

#### Passed Example 3

This [text node][] is restricted to a single line, by setting a `line-height` that is the same as the `height`. A link to a full version of the poem is also provided.
This [text node][] is restricted to a single line, by setting a `line-height` that is the same as the `height`. This fulfills expectation 2. A link to a full version of the poem is also provided. The link to the full version is not required by this rule, but is necessary to satisfy [success criterion 1.4.4 Resize text][sc144].

```html
<style>
Expand Down
Loading