コード例 #1
0
        private static string GetContextContent(AxeResult results)
        {
            var contextContent = new StringBuilder()
                                 .AppendLine($"Url: {results.Url}<br>")
                                 .AppendLine($"Orientation: {results.TestEnvironment.OrientationType}<br>")
                                 .AppendLine($"Size: {results.TestEnvironment.WindowWidth} x {results.TestEnvironment.WindowHeight}<br>")
                                 .AppendLine($"Time: {results.Timestamp}<br>")
                                 .AppendLine($"User agent: {results.TestEnvironment.UserAgent}<br>")
                                 .AppendLine($"Using: {results.TestEngineName} ({results.TestEngineVersion})")
                                 .ToString();

            return(contextContent);
        }
コード例 #2
0
        public static void CreateAxeHtmlReport(this ISearchContext context, AxeResult results, string destination)
        {
            HashSet <string> selectors = new HashSet <string>();
            int violationCount         = GetCount(results.Violations, ref selectors);
            int incompleteCount        = GetCount(results.Incomplete, ref selectors);
            int passCount         = GetCount(results.Passes, ref selectors);
            int inapplicableCount = GetCount(results.Inapplicable, ref selectors);

            var doc = new HtmlDocument();

            var node = HtmlNode.CreateNode("<html lang=\"en\"><head><meta charset=\"utf-8\"><title>Accessiblity Check</title><style></style></head><body></body></html>");

            doc.DocumentNode.AppendChild(node);

            HtmlCommentNode hcn      = doc.CreateComment("<!DOCTYPE html>\r\n");
            HtmlNode        htmlNode = doc.DocumentNode.SelectSingleNode("/html");

            doc.DocumentNode.InsertBefore(hcn, htmlNode);

            StringBuilder content = new StringBuilder();

            content.AppendLine(@".fullImage{");
            content.AppendLine($"content: url('{GetDataImageString(context)};border: 1px solid black;margin-left:1em;");
            content.AppendLine(@"}
.fullImage:hover {transform:scale(2.75);transform-origin: top left;}
p {}
.wrap .wrapTwo .wrapThree{margin:2px;max-width:70vw;}
.wrapOne {margin-left:1em;overflow-wrap:anywhere;}
.wrapTwo {margin-left:2em;overflow-wrap:anywhere;}
.wrapThree {margin-left:3em;overflow-wrap:anywhere;}
.emOne {margin-left:1em;overflow-wrap:anywhere;}
.emTwo {margin-left:2em;overflow-wrap:anywhere;}
.emThree {margin-left:3em;overflow-wrap:anywhere;}
.majorSection{border: 1px solid black;}
.findings{border-top:1px solid black;}
.htmlTable{border-top:double lightgray;width:100%;display:table;}");

            HtmlNode body = doc.DocumentNode.SelectSingleNode("//body");

            doc.DocumentNode.SelectSingleNode("//style").InnerHtml = content.ToString();

            var element = doc.CreateElement("h1");

            element.InnerHtml = "Accessiblity Check";
            body.AppendChild(element);

            element           = doc.CreateElement("h3");
            element.InnerHtml = "Context:";
            body.AppendChild(element);

            content = new StringBuilder();
            content.AppendLine($"Url: {results.Url}<br>");
            content.AppendLine($"Orientation: {results.TestEnvironment.OrientationType}<br>");
            content.AppendLine($"Size: {results.TestEnvironment.WindowWidth} x {results.TestEnvironment.WindowHeight}<br>");
            content.AppendLine($"Time: {results.Timestamp}<br>");
            content.AppendLine($"User agent: {results.TestEnvironment.UserAgent}<br>");
            content.AppendLine($"Using: {results.TestEngineName} ({results.TestEngineVersion})");

            element = doc.CreateElement("div");
            element.SetAttributeValue("class", "emOne");
            element.SetAttributeValue("id", "reportContext");
            element.InnerHtml = content.ToString();
            body.AppendChild(element);

            element           = doc.CreateElement("h3");
            element.InnerHtml = "Counts:";
            body.AppendChild(element);

            element = doc.CreateElement("div");
            element.SetAttributeValue("class", "emOne");
            content = new StringBuilder();
            content.AppendLine($" Violation: {violationCount}<br>");
            content.AppendLine($" Incomplete: {incompleteCount}<br>");
            content.AppendLine($" Pass: {passCount}<br>");
            content.AppendLine($" Inapplicable: {inapplicableCount}");
            element.InnerHtml = content.ToString();
            body.AppendChild(element);

            element           = doc.CreateElement("h3");
            element.InnerHtml = "Image:";
            body.AppendChild(element);

            element = doc.CreateElement("img");
            element.SetAttributeValue("class", "fullImage");
            element.SetAttributeValue("width", "33%");
            element.SetAttributeValue("height", "auto");
            body.AppendChild(element);

            if (!string.IsNullOrEmpty(results.Error))
            {
                element           = doc.CreateElement("h2");
                element.InnerHtml = "SCAN ERRORS:";
                body.AppendChild(element);

                var error = doc.CreateElement("div");
                error.SetAttributeValue("id", "ErrorMessage");
                error.InnerHtml = HttpUtility.HtmlEncode(results.Error);
                body.AppendChild(error);
            }

            element = doc.CreateElement("br");
            body.AppendChild(element);

            element = doc.CreateElement("br");
            body.AppendChild(element);

            var area = doc.CreateElement("div");

            body.AppendChild(area);

            if (violationCount > 0)
            {
                area.AppendChild(doc.CreateElement("br"));
                GetReadableAxeResults(results.Violations, "Violations", doc, area);
            }

            if (incompleteCount > 0)
            {
                area.AppendChild(doc.CreateElement("br"));
                GetReadableAxeResults(results.Incomplete, "Incomplete", doc, area);
            }

            if (passCount > 0)
            {
                area.AppendChild(doc.CreateElement("br"));
                GetReadableAxeResults(results.Passes, "Passes", doc, area);
            }

            if (inapplicableCount > 0)
            {
                area.AppendChild(doc.CreateElement("br"));
                GetReadableAxeResults(results.Inapplicable, "Inapplicable", doc, area);
            }

            doc.Save(destination, Encoding.UTF8);
        }
コード例 #3
0
        public static void CreateAxeHtmlReport(this ISearchContext context, AxeResult results, string destination, ReportTypes requestedResults)
        {
            // Get the unwrapped element if we are using a wrapped element
            context = context is IWrapsElement ? (context as IWrapsElement).WrappedElement : context;

            var selectors         = new HashSet <string>();
            var violationCount    = GetCount(results.Violations, ref selectors);
            var incompleteCount   = GetCount(results.Incomplete, ref selectors);
            var passCount         = GetCount(results.Passes, ref selectors);
            var inapplicableCount = GetCount(results.Inapplicable, ref selectors);

            var doc = new HtmlDocument();

            doc.CreateComment("<!DOCTYPE html>\r\n");

            var htmlStructure = HtmlNode.CreateNode("<html lang=\"en\"><head><meta charset=\"utf-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>Accessibility Check</title><style></style></head><body><content></content><script></script></body></html>");

            doc.DocumentNode.AppendChild(htmlStructure);

            doc.DocumentNode.SelectSingleNode("//style").InnerHtml = GetCss(context);

            var contentArea = doc.DocumentNode.SelectSingleNode("//content");

            var reportTitle = doc.CreateElement("h1");

            reportTitle.InnerHtml = "Accessibility Check";
            contentArea.AppendChild(reportTitle);

            var metaFlex = doc.CreateElement("div");

            metaFlex.SetAttributeValue("id", "metadata");
            contentArea.AppendChild(metaFlex);

            var contextGroup = doc.CreateElement("div");

            contextGroup.SetAttributeValue("id", "context");
            metaFlex.AppendChild(contextGroup);

            var contextHeader = doc.CreateElement("h3");

            contextHeader.InnerHtml = "Context:";
            contextGroup.AppendChild(contextHeader);

            var contextContent = doc.CreateElement("div");

            contextContent.SetAttributeValue("class", "emOne");
            contextContent.SetAttributeValue("id", "reportContext");
            contextContent.InnerHtml = GetContextContent(results);
            contextGroup.AppendChild(contextContent);

            var imgGroup = doc.CreateElement("div");

            imgGroup.SetAttributeValue("id", "image");
            metaFlex.AppendChild(imgGroup);

            var imageHeader = doc.CreateElement("h3");

            imageHeader.InnerHtml = "Image:";
            imgGroup.AppendChild(imageHeader);

            var imageContent = doc.CreateElement("img");

            imageContent.SetAttributeValue("class", "thumbnail");
            imageContent.SetAttributeValue("id", "screenshotThumbnail");
            imageContent.SetAttributeValue("alt", "A Screenshot of the page");
            imageContent.SetAttributeValue("width", "33%");
            imageContent.SetAttributeValue("height", "auto");
            imgGroup.AppendChild(imageContent);

            var countsGroup = doc.CreateElement("div");

            countsGroup.SetAttributeValue("id", "counts");
            metaFlex.AppendChild(countsGroup);

            var countsHeader = doc.CreateElement("h3");

            countsHeader.InnerHtml = "Counts:";
            countsGroup.AppendChild(countsHeader);

            var countsContent = doc.CreateElement("div");

            countsContent.SetAttributeValue("class", "emOne");
            var countsString = GetCountContent(violationCount, incompleteCount, passCount, inapplicableCount, requestedResults);

            countsContent.InnerHtml = countsString.ToString();
            countsGroup.AppendChild(countsContent);

            var resultsFlex = doc.CreateElement("div");

            resultsFlex.SetAttributeValue("id", "results");
            contentArea.AppendChild(resultsFlex);

            if (!string.IsNullOrEmpty(results.Error))
            {
                var errorHeader = doc.CreateElement("h2");
                errorHeader.InnerHtml = "SCAN ERRORS:";
                contentArea.AppendChild(errorHeader);

                var errorContent = doc.CreateElement("div");
                errorContent.SetAttributeValue("id", "ErrorMessage");
                errorContent.InnerHtml = HttpUtility.HtmlEncode(results.Error);
                contentArea.AppendChild(errorContent);
            }


            if (violationCount > 0 && requestedResults.HasFlag(ReportTypes.Violations))
            {
                GetReadableAxeResults(results.Violations, ResultType.Violations.ToString(), doc, resultsFlex);
            }

            if (incompleteCount > 0 && requestedResults.HasFlag(ReportTypes.Incomplete))
            {
                GetReadableAxeResults(results.Incomplete, ResultType.Incomplete.ToString(), doc, resultsFlex);
            }

            if (passCount > 0 && requestedResults.HasFlag(ReportTypes.Passes))
            {
                GetReadableAxeResults(results.Passes, ResultType.Passes.ToString(), doc, resultsFlex);
            }

            if (inapplicableCount > 0 && requestedResults.HasFlag(ReportTypes.Inapplicable))
            {
                GetReadableAxeResults(results.Inapplicable, ResultType.Inapplicable.ToString(), doc, resultsFlex);
            }


            var modal = doc.CreateElement("div");

            modal.SetAttributeValue("id", "modal");
            contentArea.AppendChild(modal);

            var modalClose = doc.CreateElement("div");

            modalClose.InnerHtml = "X";
            modalClose.SetAttributeValue("id", "modalclose");
            modal.AppendChild(modalClose);

            var modalImage = doc.CreateElement("img");

            modalImage.SetAttributeValue("id", "modalimage");
            modal.AppendChild(modalImage);

            doc.DocumentNode.SelectSingleNode("//script").InnerHtml = js;

            doc.Save(destination, Encoding.UTF8);
        }
コード例 #4
0
 public static void CreateAxeHtmlReport(this ISearchContext context, AxeResult results, string destination)
 {
     context.CreateAxeHtmlReport(results, destination, ReportTypes.All);
 }