Add several improvements to "Report a broken site" form (aka webcompat reporter) #20095

pes10k · 2021-12-14T23:09:27Z

Brave includes a "webcompat reporter" that users can use to report when a site isn't broken. The current version does not have enough information to be actionable in most cases, frustrating users (they took the time to report a problem, but we can't fix it) and leaving sites broken.

This issue is to improve the WebCompat reporter, through the following steps:

Have the WebCompat reporter send the full URL of the page being reported (currently only the protocol and origin is reported)
Have the WebCompat reporter show the user the full URL to the user when confirming the user wants to send the report
Include an optional "additional details" box on the form, so that the user can provide any extra context that would assist community / support with reproducing and resolving the issue on the webpage.
Include an optional "contact me / follow up with me" box on the form, so that community / support can follow up with the reporter (if desired).
Update the server side / data collector so that reports are automatically deleted every 3 weeks
Add UI / UX in the stats page (where these reports are currently visible) so that the stats user can delete a report if needed (for example, if the report includes sensitive / identifying information)

pes10k · 2021-12-14T23:11:21Z

(@ryanbr , do you think 3 weeks would be sufficient?

ryanbr · 2021-12-14T23:38:57Z

Yeah 3 weeks fine, maybe to add an optional submission of Extensions in use also?

porteron · 2021-12-17T18:39:06Z

Looks good, once you implement the new field to be sent we can go ahead and update the go-vault webcompat API to make sure we're in sync to capture.

Sending the entire URL should be fine, although maybe we want to establish the max character length we'll accept.

porteron · 2021-12-17T19:18:00Z

Tracking the needed implementation here on my end: https://github.com/brave-intl/go-vault/issues/81

bradleyrichter · 2022-01-19T23:40:22Z

@antonok-edm This represents the changes in the UX mentioned above:

DJAndries · 2022-01-28T19:51:57Z

Screenshots of implementation (ignore the "Contact details (optional)" placeholder, it is now "Email address (optional)")

bradleyrichter · 2022-01-28T20:59:46Z

@DJAndries @pes10k @antonok-edm I thought we decided to include mentions of twitter and other rather than just email?

pes10k · 2022-01-28T21:10:56Z

me too (from our slack chat @ryanbr and @antonok-edm ). Was there a reason to flip it back?

DJAndries · 2022-01-28T21:19:10Z

Apologies, I had not seen this new mock up. Will update accordingly.

pes10k · 2022-01-28T21:19:41Z

thanks thanks @DJAndries !

DJAndries · 2022-01-29T00:04:29Z

New screenshot:

pes10k · 2022-01-29T18:19:11Z

Removing the IP line seems great. Strong +1 from me

…

On Jan 28, 2022, at 18:04, Darnell Andries ***@***.***> wrote: New screenshot: I removed the IP address collection bit from the disclaimer, since we do not collect the IP whatsoever. — Reply to this email directly, view it on GitHub, or unsubscribe. Triage notifications on the go with GitHub Mobile for iOS or Android. You are receiving this because you were mentioned.

DJAndries · 2022-02-28T23:51:09Z

Client and server-side complete, closing

LaurenWags · 2022-03-03T18:21:24Z

@brave/legacy_qa when checking this, please confirm with server-side team that data is being received as expected.

GeetaSarvadnya · 2022-03-04T08:41:36Z

Verification PASSED on

Brave | 1.37.82 Chromium: 99.0.4844.51 (Official Build) beta (64-bit)
-- | --
Revision | d537ec02474b5afe23684e7963d538896c63ac77-refs/branch-heads/4844@{#875}
OS | Windows 10 Version 21H2 (Build 19044.1526)

Verified the description from the issue Add several improvements to "Report a broken site" form (aka webcompat reporter) #20095 (comment)
Logged a follow up issue Follow up of #20095 - stats page doesn't have the ability to delete the user webcompat report #21522

Client-side validation:

Light mode	Dark mode

Confirmed WebCompat reporter send the full URL of the page being reported
Confirmed Email, Twitter, etc. fields are shown in the WebCompat reporter contact me (optional) section as per the new mockup Add several improvements to "Report a broken site" form (aka webcompat reporter) #20095 (comment)
Confirmed New UI is been added in stats page where the web compat report are listed
Confirmed webcompat reports are listed in https://stats.brave.com

GeetaSarvadnya · 2022-03-04T09:21:41Z

@porteron We would need your help to test the server-side data receive part. Please let me know once you have some time today.

@DJAndries Is this implemented Add UI / UX in the stats page (where these reports are currently visible) so that the stats user can delete a report if needed (for example, if the report includes sensitive / identifying information)? I have verified http://stats.brave.com/ but am unable to open this site, not sure if it's moved to the new site

stephendonner · 2022-03-04T16:19:35Z

@GeetaSarvadnya you have to use the VPN to reach https://stats.brave.com.

porteron · 2022-03-04T18:06:39Z

@GeetaSarvadnya I can confirm data is coming in on the server-side for the new fields. Seeing records with the additionalDetails and contactInfo.

GeetaSarvadnya · 2022-03-07T09:32:49Z

@porteron Thanks for confirming!

stephendonner · 2022-03-17T03:46:48Z

@porteron are you also able to confirm my data submission for brave.com from earlier today? 🙏 Thanks!

porteron · 2022-03-17T04:49:29Z

@stephendonner Confirmed.

77,611
winx64-bc
99.0.4844.51
https://github.com/
https://github.com/brave/brave-browser/issues/20095
[sdonner@brave.com](mailto:sdonner@brave.com)
Just a test for https://github.com/brave/brave-browser/issues/20095
March 17, 2022, 4:44 AM

stephendonner · 2022-03-17T20:08:49Z

Verified PASSED using

Brave	1.37.96 Chromium: 99.0.4844.74 (Official Build) dev (x86_64)
Revision	fee9a47e86e981802390cb0d41c5ed7ea93c4f6f-refs/branch-heads/4844@{#1060}
OS	macOS Version 11.6.3 (Build 20G415)

Verified the description from the issue Add several improvements to "Report a broken site" form (aka webcompat reporter) #20095 (comment)
Logged a follow up issue Follow up of #20095 - stats page doesn't have the ability to delete the user webcompat report #21522

Client-side validation:

Light mode	Dark mode

Confirmed WebCompat reporter sends the full URL of the page being reported
Confirmed Email, Twitter, etc. fields are shown in the WebCompat reporter contact me (optional) section as per the new mockup Add several improvements to "Report a broken site" form (aka webcompat reporter) #20095 (comment)
Confirmed New UI is been added in stats page where the web compat report are listed
Confirmed webcompat reports are listed in https://stats.brave.com:

osx-bc
99.0.4844.74
https://github.com/
https://github.com/brave/brave-browser/issues/20095
sdonner@brave.com
Just a test for https://github.com/brave/brave-browser/issues/20095
March 17, 2022, 6:43 PM

btlechowski · 2022-03-22T00:07:17Z

Verification passed on

Brave	1.37.100 Chromium: 99.0.4844.83 (Oficjalna wersja) beta (64-bitowa)
Revision	b11086e62d7c1a44b0942ac5568d22a425c7ae35-refs/branch-heads/4844_74@{#5}
OS	Ubuntu 18.04 LTS

Verified test plan from the description

Light mode:

Dark mode:

Logged: #21801

Confirmed WebCompat reporter sends the full URL of the page being reported
Confirmed Email, Twitter, etc. fields are shown in the WebCompat reporter contact me (optional) section as per the new mockup Add several improvements to "Report a broken site" form (aka webcompat reporter) #20095 (comment)
Confirmed New UI is been added in stats page where the web compat report are listed
Confirmed webcompat reports are listed in https://stats.brave.com:

March 21, 2022, 11:56 PM
linux-bc
https://github.com/
test
[blechowski@brave.com](mailto:blechowski@brave.com)

btlechowski · 2022-03-22T00:08:30Z

@porteron are you also able to confirm my data submission for brave.com from blechowki@brave.com? Thanks in advance :)

porteron · 2022-03-22T01:36:13Z

@btlechowski Confirmed I see the entry.

March 21, 2022, 11:56 PM
linux-bc
https://github.com/
test
[blechowski@brave.com](mailto:blechowski@brave.com)

bsclifton · 2022-03-24T06:30:36Z

Removed OS/Android label as this is only on Desktop 👍

pes10k added privacy/feature User-facing privacy- & security-focused feature work. webcompat/shields Shields is breaking a website. OS/Android Fixes related to Android browser functionality privacy-pod Feature work for the Privacy & Web Compatibility pod OS/Desktop labels Dec 14, 2021

pes10k assigned pes10k and antonok-edm Dec 14, 2021

aekeus assigned porteron Dec 16, 2021

antonok-edm added the design/needs-mock-up needs-mockup A feature which needs design mockup to be implemented. label Dec 28, 2021

antonok-edm removed the design/needs-mock-up needs-mockup A feature which needs design mockup to be implemented. label Jan 26, 2022

DJAndries mentioned this issue Jan 28, 2022

Webcompat reporter: report full URL, add fields for providing additional information in report brave/brave-core#12039

Merged

25 tasks

DJAndries mentioned this issue Jan 29, 2022

Webcompat reporter: change label/placeholder text for contact field brave/brave-core#12060

Merged

25 tasks

bbondy added this to the 1.37.x - Nightly milestone Feb 7, 2022

DJAndries closed this as completed Feb 28, 2022

DJAndries added QA/Yes release-notes/include labels Mar 2, 2022

GeetaSarvadnya added the QA/In-Progress Indicates that QA is currently in progress for that particular issue label Mar 3, 2022

LaurenWags added the QA/Test-All-Platforms label Mar 3, 2022

srirambv added the QA/Test-All-Device-Types label Mar 4, 2022

GeetaSarvadnya mentioned this issue Mar 8, 2022

Follow up of #20095 - stats page doesn't have the ability to delete the user webcompat report #21522

Closed

1 task

GeetaSarvadnya added QA Pass-Win64 and removed QA/In-Progress Indicates that QA is currently in progress for that particular issue labels Mar 8, 2022

stephendonner added the QA Pass-macOS label Mar 17, 2022

btlechowski mentioned this issue Mar 22, 2022

Some strings on webcompat reporter are not translated #21801

Closed

btlechowski added the QA Pass-Linux label Mar 23, 2022

bsclifton removed the OS/Android Fixes related to Android browser functionality label Mar 24, 2022

kjozwiak mentioned this issue Mar 30, 2022

Release notes for 1.37.x - Release #21982

Closed

rebron changed the title ~~Improve webcompat reporter~~ Add several improvements to "Report a broken site form" Mar 30, 2022

rebron changed the title ~~Add several improvements to "Report a broken site form"~~ Add several improvements to "Report a broken site" form (aka webcompat reporter) Mar 30, 2022

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Add several improvements to "Report a broken site" form (aka webcompat reporter) #20095

Add several improvements to "Report a broken site" form (aka webcompat reporter) #20095

pes10k commented Dec 14, 2021 •

edited by antonok-edm

Loading

pes10k commented Dec 14, 2021

ryanbr commented Dec 14, 2021

porteron commented Dec 17, 2021

porteron commented Dec 17, 2021

bradleyrichter commented Jan 19, 2022

DJAndries commented Jan 28, 2022

bradleyrichter commented Jan 28, 2022

pes10k commented Jan 28, 2022

DJAndries commented Jan 28, 2022

pes10k commented Jan 28, 2022

DJAndries commented Jan 29, 2022 •

edited

Loading

pes10k commented Jan 29, 2022 via email

DJAndries commented Feb 28, 2022

LaurenWags commented Mar 3, 2022

GeetaSarvadnya commented Mar 4, 2022 •

edited

Loading

GeetaSarvadnya commented Mar 4, 2022 •

edited

Loading

stephendonner commented Mar 4, 2022

porteron commented Mar 4, 2022

GeetaSarvadnya commented Mar 7, 2022

stephendonner commented Mar 17, 2022

porteron commented Mar 17, 2022

stephendonner commented Mar 17, 2022

btlechowski commented Mar 22, 2022 •

edited

Loading

btlechowski commented Mar 22, 2022

porteron commented Mar 22, 2022

bsclifton commented Mar 24, 2022

Add several improvements to "Report a broken site" form (aka webcompat reporter) #20095

Add several improvements to "Report a broken site" form (aka webcompat reporter) #20095

Comments

pes10k commented Dec 14, 2021 • edited by antonok-edm Loading

pes10k commented Dec 14, 2021

ryanbr commented Dec 14, 2021

porteron commented Dec 17, 2021

porteron commented Dec 17, 2021

bradleyrichter commented Jan 19, 2022

DJAndries commented Jan 28, 2022

bradleyrichter commented Jan 28, 2022

pes10k commented Jan 28, 2022

DJAndries commented Jan 28, 2022

pes10k commented Jan 28, 2022

DJAndries commented Jan 29, 2022 • edited Loading

pes10k commented Jan 29, 2022 via email

DJAndries commented Feb 28, 2022

LaurenWags commented Mar 3, 2022

GeetaSarvadnya commented Mar 4, 2022 • edited Loading

GeetaSarvadnya commented Mar 4, 2022 • edited Loading

stephendonner commented Mar 4, 2022

porteron commented Mar 4, 2022

GeetaSarvadnya commented Mar 7, 2022

stephendonner commented Mar 17, 2022

porteron commented Mar 17, 2022

stephendonner commented Mar 17, 2022

btlechowski commented Mar 22, 2022 • edited Loading

btlechowski commented Mar 22, 2022

porteron commented Mar 22, 2022

bsclifton commented Mar 24, 2022

pes10k commented Dec 14, 2021 •

edited by antonok-edm

Loading

DJAndries commented Jan 29, 2022 •

edited

Loading

GeetaSarvadnya commented Mar 4, 2022 •

edited

Loading

GeetaSarvadnya commented Mar 4, 2022 •

edited

Loading

btlechowski commented Mar 22, 2022 •

edited

Loading