Report Title: stylephotos.com
August 28, 2023 14:55
  • Followed links in specfied domain only
Maximum page limit was reached
You need to increase the page limit to evaluate more pages in the website, which may require purchasing or increasing your subscription level.

Reading order: CSS positioning

Violations Warnings Manual
Checks		 Passed
Number of Pages - - - -

Details

Rule ID Order 1
Definition Elements positioned using CSS absolute, relative or fixed must maintain a meaningful reading order of content.
Purpose
  • If the reading order of text content on the page is presented to users of assistive technologies in an order that does not match the intension of the author, reading comprehension will be affected. In worst-case scenarios, the meaning of the out-of-order content may contradict or bear little resemblance to the intended meaning.
  • Assistive technologies render web page content based upon the sequence of the DOM elements within the HTML document.
  • Web page designs that rely upon table markup for layout or advanced CSS positioning techniques and JavaScript to rearrange content may result in a visual rendering of content that differs in reading order from the actual DOM ordering used by assistive technologies. Thus while the visual rendering may appear to have the correct or desired reading order, when rendered by assistive technologies such as screen readers, the actual reading order will be incorrect and correspondingly illogical.
  • The relationship of the DOM order of content to the intended reading order is therefore very important for ensuring that information is logically presented to users of assistive technologies.
WCAG Success Criteria

1.3.2 Meaningful Sequence (Level A, Primary Success Criterion)

Other Related Success Criterion:

Rule Category Styling/Content
Scope Page
Target Resources article, aside, div, footer, header, main, nav, section, table[role="presentation"]
Techniques
  • Minimize the use of CSS position values of absolute, relative and fixed.
  • Make sure related content moves as a block when repositioning content on a page.
Manual Checks
  • Disable layout tables (e.g. table[role="presentation"]) and CSS to make sure the content rendered has a meaningful sequence.
Informational Links

Page Results

Element Results Implementation Level
Page Page Title Result V W MC P Score Status
16 Pricing Not Applicable - - - - - na
5 Cyclorama Stage: Rent Two-Wall Cyclorama | Soundstage, Photo Film Studios | Stylephotos Not Applicable - - - - - na
4 LED Video Wall Stage Rental | Stylephotos Not Applicable - - - - - na
20 Tabletop Shooting Technology for Fashion Photography | Stylephotos Not Applicable - - - - - na
19 Ghost Mannequin Photography Services Not Applicable - - - - - na
18 Flat Lay shooting: a professional method of content creation | Stylephotos Not Applicable - - - - - na
17 The most modern equipment for photo and video shooting: Live, Eclipse, Horizontal (Flat-lay) | Stylephotos Not Applicable - - - - - na
15 Ecommerce Solutions for Product Photography | Stylephotos Not Applicable - - - - - na
14 Creative solutions for shooting commercials, digital displays and slow-motion videos for your brand | Stylephotos Not Applicable - - - - - na
13 Grip Rental for Photo and Video Studio | Rent High-Quality Equipment | Stylephotos Not Applicable - - - - - na
12 Rent Lighting equipment for Photo and Video Productions - Affordable Rentals | Stylephotos Not Applicable - - - - - na
11 Rent Lenses for Photo and Video Camera - Affordable Rentals | Stylephotos Not Applicable - - - - - na
10 Rent Photo and Video Camera | Professional Cameras Rental | Stylephotos Not Applicable - - - - - na
9 Rental Bolt JR+ Not Applicable - - - - - na
8 Bolt X | High-Speed Cinebot: Camera Arm Rental | Stylephotos Not Applicable - - - - - na
7 Shower Stage for Photo and Video Production | Rent Now | Stylephotos Not Applicable - - - - - na
6 Kitchen Stage Rental: Interactive Adaptive Kitchen for Photo and Video Production | Stylephotos Not Applicable - - - - - na
3 Pricing Rental Not Applicable - - - - - na
2 Studio for the production of video and photo materials: professional equipment rental | Stylephotos Not Applicable - - - - - na
23 Professional Amazon Product Photography Services | Stylephotos Not Applicable - - - - - na
1 Product photography in Toronto | CA - StylePhotos Not Applicable - - - - - na
22 Professional Ecommerce Product Photography Services | Stylephotos Not Applicable - - - - - na
21 Hanger Shot - Hanger shots for online stores | Stylephotos Not Applicable - - - - - na
All Pages Not Applicable - - - - - na

Implementation Score Definitions

  • The implementation score is based on the rule results across all pages and ranges from 0 to 100.
  • '-' means there were no rule results for that group (e.g. rules were not applicable).
  • The following messages give a general idea of the overall implementation of the rules for a website.
Abbrev Score Status Description
C 100 Complete Complete means all rules have passed. There were either no manual checks or all manual checks have been resolved.
R 0 Required Manual Checks
  • Manual checks are required to verify accessibility. Markup has been identified that needs to be reviewed to determine if accessibility requirements have been met.
  • Start with the website and page level manual checks since they affect website and page navigation and identification of content and then start on the element level manual checks.
AC
AC-R 		95-99 Almost Complete
  • Almost Complete means that you seem to understand the accessibility requirements of the rules, and are close to fully implementing their requirements on all pages within the website.
  • "-R" means there are required Manual Checks. Markup has been identified that needs to be reviewed to determine if accessibility requirements have been met.
PI
PI-R 		50-94 Partial Implementation
  • Partial Implementation means that you may understand at least some of the accessibility requirements.
  • "-R" means there are required Manual Checks. Markup has been identified that needs to be reviewed to determine if accessibility requirements have been met.
  • Please re-read the accessibility requirement and review the techniques before trying to improve the accessibility.
NI
NI-R 		0-50 Not Implemented
  • Incomplete means that you do not understand the accessibility requirements of the rules or did not consider accessibility in the design of the website.
  • "-R" means there are required Manual Checks. Markup has been identified that needs to be reviewed to determine if accessibility requirements have been met.
  • Please read the accessibility requirements and review the techniques before trying to improve the accessibility.
na - Not Applicable No markup was found that identifed a known or possible accessibility issue.

Note: Future versions of FAE will allow you to mark manual checks as, pass, fail or not applicable.

Implementation Score Computation

Implementation Score = P / (P + F + MC)

Each variable represents the number of element level results for a particular rule, where:

  • P = elements that passed
  • F = elements that failed
  • MC = elements that require a manual check

The score ranges in value from 0 to 100, that is from no implementation to all accessibility requirements met. In the future, FAE will allow you to change manual checks to pass, fail or not applicable, and will recompute the Implementation Score based on the updated manual checking results.

Note: When a manual check is changed to not applicable that element result is removed from the implementation score computation.

Implementation Score Combinations

Implementation scores are rule-based and are computed for the following combinations:

Pages Rules Calculation
1 1 Element level results determine the implementation score for a rule on a specific page.
1 All The implementation score for a page is the average of all implementation scores for all rules on the page, with all rules being equally weighted.
All 1 The implementation score for a rule across all the pages in a website is based on the aggregation of all element results for the rule across all pages.
All All The implementation score for a website is the average of the website rule implementation scores.

Example Rule Implementation Scores on Individual Page

Description Pass Fail Manual Check Implementation Score
A rule with scope of element, like "Image must have alt text". 8 2 0 80
A rule with scope of page like "Page must have main landmark". 0 1 0 0
A rule with scope of element with elment results of pass, fail and manual checks that may occur for the color contrast rule. 134 29 37 67

Example Rule Implementation Score for All Pages in a Website

This is a hypothetical example for a website

Page results for Rule X Pass Fail Manual Check Implementation Score
Page 1 element results for rule X. 23 12 4 59
Page 2 element results for rule X. 12 4 0 75
Page 3 element results for rule X. 45 0 0 100
Website element results for Rule X 80 16 4 80