Remove colon for consistency with other labels
Replace data-filter with data-role-id in role tags

It is more precise. We cannot use something as generic as 'filter' and
be sure it's not used elsewhere in the page or it won't some day
Refactor visibility role display into its own partial