From ec7334db8a2c3e1e3a3a9dbf92664e4ab66f011f Mon Sep 17 00:00:00 2001 From: Kasper Isager Date: Wed, 25 Sep 2019 08:42:34 +0200 Subject: [PATCH 1/2] Fix test cases for orientation lock rule --- _rules/css-restrict-orientation-b33eff.md | 55 ++++++++++++----------- 1 file changed, 28 insertions(+), 27 deletions(-) diff --git a/_rules/css-restrict-orientation-b33eff.md b/_rules/css-restrict-orientation-b33eff.md index dc7ee4e908..6c0381cff4 100644 --- a/_rules/css-restrict-orientation-b33eff.md +++ b/_rules/css-restrict-orientation-b33eff.md @@ -63,30 +63,6 @@ _There are no major accessibility support issues known for this rule._ #### Passed Example 1 -A page where CSS [transform](https://www.w3.org/TR/css-transforms/#propdef-transform) property is conditionally applied on the [orientation](https://www.w3.org/TR/css3-mediaqueries/#orientation) [media feature](https://www.w3.org/TR/css3-mediaqueries/#media1), but does not have any of the applicable [transformation functions](https://www.w3.org/TR/css-transforms/#transform-functions) which restricts the element to either `landscape` or `portrait` orientation. - -```html - - - Page with some content - - - -
- Page Content -
- - -``` - -#### Passed Example 2 - A page where CSS [transform](https://www.w3.org/TR/css-transforms/#propdef-transform) property has [rotateZ](https://drafts.csswg.org/css-transforms-2/#funcdef-rotatez) [transform function](https://www.w3.org/TR/css-transforms/#transform-functions) conditionally applied on the [orientation](https://www.w3.org/TR/css3-mediaqueries/#orientation) [media feature](https://www.w3.org/TR/css3-mediaqueries/#media1) which does not restrict the element to either `portrait` or `landscape` orientation. ```html @@ -109,7 +85,7 @@ A page where CSS [transform](https://www.w3.org/TR/css-transforms/#propdef-trans ``` -#### Passed Example 3 +#### Passed Example 2 A page where CSS [transform](https://www.w3.org/TR/css-transforms/#propdef-transform) property has [matrix](https://www.w3.org/TR/css-transforms/#funcdef-transform-matrix) [transform function](https://www.w3.org/TR/css-transforms/#transform-functions) conditionally applied on the [orientation](https://www.w3.org/TR/css3-mediaqueries/#orientation) [media feature](https://www.w3.org/TR/css3-mediaqueries/#media1) which does not restrict the element to either `portrait` or `landscape` orientation. @@ -133,7 +109,7 @@ A page where CSS [transform](https://www.w3.org/TR/css-transforms/#propdef-trans ``` -#### Passed Example 4 +#### Passed Example 3 A page where CSS [transform](https://www.w3.org/TR/css-transforms/#propdef-transform) property has [rotate](https://www.w3.org/TR/css-transforms/#funcdef-transform-rotate) [transform function](https://www.w3.org/TR/css-transforms/#transform-functions) conditionally applied on the [orientation](https://www.w3.org/TR/css3-mediaqueries/#orientation) [media feature](https://www.w3.org/TR/css3-mediaqueries/#media1) which matches the default CSS [transform](https://www.w3.org/TR/css-transforms/#propdef-transform) applied on the target element. @@ -170,7 +146,7 @@ A page where CSS [transform](https://www.w3.org/TR/css-transforms/#propdef-trans Page with some content - + Page Content @@ -285,3 +261,28 @@ A page where CSS [transform](https://www.w3.org/TR/css-transforms/#propdef-trans ``` + +#### Inapplicable Example 5 + +A page where CSS [transform](https://www.w3.org/TR/css-transforms/#propdef-transform) property is conditionally applied on the [orientation](https://www.w3.org/TR/css3-mediaqueries/#orientation) [media feature](https://www.w3.org/TR/css3-mediaqueries/#media1), but does not have any of the applicable [transformation functions](https://www.w3.org/TR/css-transforms/#transform-functions) which restricts the element to either `landscape` or `portrait` orientation. + +```html + + + Page with some content + + + +
+ Page Content +
+ + +``` + From 714bcb7294aadfde97e9a3b74140050ab3b950a3 Mon Sep 17 00:00:00 2001 From: Kasper Isager Date: Wed, 25 Sep 2019 10:17:21 +0200 Subject: [PATCH 2/2] Trigger CI